Cocoa Cabin color palette — #F0E7EA · #9CA99B · #748E78 · #683700 · #12050A

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F0E7EA): a clean, paper-quiet neutral.
• Taupe (#9CA99B): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#748E78): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#683700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#12050A): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Cocoa Coast color palette (#E8E0E5, #B39EA8, #9E7B88, #762800, #12040D)
• Aged Cocoa Field color palette (#E9E0E5, #AEC0B2, #779B90, #632700, #030002)
• Ancient Chestnut color palette (#F4ECE5, #A2A193, #868B74, #964D00, #110601)
• Onyx Basin color palette (#F5E9EF, #8F9F91, #5A786B, #461E00, #12040C)
• Fern Dune color palette (#DBE5E2, #A5B9B5, #79A17F, #425D00, #031813)
• Linen Coast color palette (#DDEFDE, #CF7100, #A27400, #635900, #090500)
• Timeworn Fern color palette (#D5E9E1, #667F2E, #295100, #3D2600, #040700)
• Wandering Fern Harbor color palette (#E3F4EC, #6F7C4B, #316624, #003B41, #00151C)

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