Olive Cabin color palette — #F2F3E4 · #9DBE93 · #CF876D · #4F8040 · #4C2416

A conversation between Olive and Coral Clay, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2F3E4): a clean, paper-quiet neutral.
• Sage (#9DBE93): A luminous, dusty green — the color of a quiet forest floor.
• Coral Clay (#CF876D): A luminous, balanced orange — the color of toasted spice.
• Olive (#4F8040): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#4C2416): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Olive 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 Workshop color palette (#F7F1E7, #C0B387, #CB839F, #886F00, #4A2233)
• Wandering Bronze Lantern color palette (#FBF0E4, #C9B8A2, #A7783E, #734F30, #342B1B)
• Tempered Cypress Courtyard color palette (#EDF5E9, #85C2B0, #8B99CF, #00856D, #43253C)
• Pewter Dune color palette (#EEF4EA, #CAC59F, #556848, #27361B, #10160C)
• Dusty Spruce color palette (#F0F4E7, #B7DEDA, #BBB0B6, #779773, #2E3D00)
• Hushed Bronze Grove color palette (#F2F4E3, #82A87A, #3C9DA8, #9D6E22, #282911)
• Washed Pine color palette (#EAF9F7, #8BBF8F, #AF85C8, #44834B, #4B4969)
• Worn Pier color palette (#EDF6DB, #C0CCA4, #51926D, #005F3B, #002514)

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