Cocoa Cabin color palette — #F6F6E9 · #B6CE9C · #DE9F93 · #7B9759 · #763A1A
Built around Bronze, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6E9): a clean, paper-quiet neutral.
- Pistachio (#B6CE9C): A whisper-light, dusty green — the color of new leaves after rain.
- Rosewood Mist (#DE9F93): A luminous, dusty orange — the color of toasted spice.
- Moss (#7B9759): A luminous, balanced green — the color of fresh herbs.
- Bronze (#763A1A): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, Balance. Tagged light, muted.
Use it as a design system
One click turns Cocoa 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
- Weathered Cabin color palette (#F2F8E9, #9BD3B4, #DAA576, #519E78, #524C46)
- Softworn Lantern color palette (#FFF3E4, #E0BE8B, #D59EBF, #AE8440, #654243)
- Olive Coast color palette (#F6F6E9, #A3B88F, #AC89BE, #5B802A, #67404C)
- Worn Mint color palette (#F6F8E0, #93C083, #66B3BA, #B08A5C, #454600)
- Lagoon Workshop color palette (#EEF9EA, #85D6C7, #A5ACE6, #30A08F, #624157)
- Softworn Balcony color palette (#F2F7EB, #DAD2A9, #548B73, #3F5613, #282E21)
- Washed Mallow Delta color palette (#EAF9F4, #C8DFA4, #E8B0ED, #99B36D, #4E4864)
- Clover Hollow color palette (#F3F9DB, #4DCB6C, #E67A27, #00903B, #5D2A00)
Browse the whole catalog at Explore, or see today's palette.