Pine Loft color palette — #FBF4EB · #D0A765 · #00862A · #7F5700 · #232616

Built around Olive Leaf, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Camel (#D0A765): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#00862A): A full-bodied, vivid green — the color of new leaves after rain.
• Coffee (#7F5700): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#232616): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Pine Loft 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

• Wandering Coast color palette (#F7F5EF, #B2B55F, #00816F, #646400, #1E2719)
• Feathered Terracotta color palette (#FCF3EF, #EC9384, #886B00, #A33427, #2C2211)
• Dusty Apricot color palette (#F8F0EB, #F49A62, #00858C, #935124, #061108)
• Pine Drift color palette (#FFF4E2, #9F9B50, #367B3E, #404784, #3E3D36)
• Timeworn Olive color palette (#FBEEBE, #B6B866, #598728, #196226, #004A38)
• Bronze Boulevard color palette (#FEF1F7, #F6B386, #2CA2A2, #B36D3A, #0F282E)
• Patina Coast color palette (#F8F1E0, #A28F00, #006258, #514700, #001613)
• Hushed Courtyard color palette (#F8F5EF, #D8DED3, #B8C4B7, #7F7540, #4B473F)

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