Pine Cabin color palette — #FFF3E8 · #B66D24 · #388436 · #006150 · #37322D

Olive Leaf takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Ochre (#B66D24): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#388436): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006150): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#37322D): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Pine Cabin into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Bronze Pier color palette (#FDF4E2, #9A7E00, #00846E, #005E6A, #36322C)
• Worn Ridge color palette (#FFF2ED, #C15F59, #767600, #335F2F, #38312E)
• Worn Amber color palette (#FEF3EA, #BF7F51, #608D57, #77506F, #423C37)
• Antique Raspberry Orchard color palette (#FFEDEA, #CF5878, #00858D, #005E63, #29130F)
• Bronze Garden color palette (#FFECDE, #E4A36A, #9D6700, #694C00, #473800)
• Bronze Boulevard color palette (#FAF4F0, #DFDBD0, #C7C2A8, #9D644C, #50453E)
• Softworn Blush color palette (#FDF0FF, #F26C88, #2CA2A2, #147E7F, #3C2C3F)
• Weathered Violet Harbor color palette (#FFF1F5, #976DB2, #008182, #005B7B, #412C32)

Browse the whole catalog at Explore, or see today's palette.