Cocoa Cabin color palette — #FFF2EB · #7CA475 · #0D768B · #832F0E · #3B3E38
A conversation between Rust and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Moss (#7CA475): A luminous, balanced green — the color of new leaves after rain.
- Teal (#0D768B): A full-bodied, balanced blue — the color of deep harbor water.
- Rust (#832F0E): A full-bodied, balanced orange — the color of autumn markets.
- Charcoal (#3B3E38): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Gentle Cocoa Lagoon color palette (#F7F6EA, #819243, #1B699D, #782E00, #333D00)
- Hushed Chestnut Dune color palette (#FFF3E3, #7EB59F, #477DA5, #755200, #3D4D3D)
- Aged Mulberry Veranda color palette (#FFF2ED, #A19B50, #007B6C, #733262, #3E3E36)
- Chalky Terrace color palette (#E3F8E7, #25B49C, #00778F, #6A2E4F, #05272F)
- Aged Olive color palette (#FFF2EA, #BEAD92, #6C7A44, #1D675C, #583D00)
- Hazy Cerulean color palette (#FFF4E2, #62C6B1, #0096B3, #8A4C6D, #2E432E)
- Worn Emerald Corridor color palette (#FFDEBA, #009554, #005A7A, #503000, #00312B)
- Washed Fern Cabin color palette (#F9F6E0, #C1C2A1, #6C8B75, #7D5A3A, #5D5300)
Browse the whole catalog at Explore, or see today's palette.