Cocoa Cabin color palette — #D2E7D5 · #A09B63 · #7D5F23 · #602F03 · #001E17
Built around Cocoa, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D2E7D5): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#A09B63): A luminous, dusty green — the color of a quiet forest floor.
- Walnut (#7D5F23): A full-bodied, balanced gold — the color of honey in a jar.
- Cocoa (#602F03): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#001E17): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Chestnut Coast color palette (#DEECE0, #A69664, #7D5E0F, #5D3C00, #113927)
- Tempered Canyon color palette (#F2D8E7, #B49170, #8E533A, #5B2F32, #031E0C)
- Worn Fern Thicket color palette (#D2EBDC, #7E8E53, #625500, #452B00, #011301)
- Pewter Harbor color palette (#E4F8ED, #8CB6AA, #7C7742, #61471A, #0C2826)
- Weathered Driftwood color palette (#FFF4E2, #D7C793, #A38544, #6F5229, #2A2003)
- Softworn Amber Boulevard color palette (#DAEEE9, #C79555, #305110, #00221D, #000705)
- Softworn Fern color palette (#E5F6F2, #8DAC6D, #006C9B, #3E6100, #000710)
- Weathered Jade color palette (#DBEED0, #51B58A, #007772, #004351, #00192D)
Browse the whole catalog at Explore, or see today's palette.