Cocoa Cabin color palette — #D6E7C7 · #6E9FA6 · #4B6E86 · #603225 · #301329
A conversation between Cocoa and Deep Indigo, giving this palette its sense of sophistication.
The five colors
- Celadon Mist (#D6E7C7): A whisper-light, dusty green — the color of a quiet forest floor.
- Blue Fog (#6E9FA6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#4B6E86): A full-bodied, dusty blue — the color of open sky before noon.
- Cocoa (#603225): A deep, shadowed, dusty orange — the color of autumn markets.
- Deep Indigo (#301329): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Sophistication. Tagged vintage, 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
- Ancient Petrol color palette (#D5F7F4, #59A0A5, #35678F, #573748, #391802)
- Chestnut Canyon color palette (#F1E8C9, #81B89B, #4E8F9E, #844A4C, #553101)
- Antique Aqua Cabin color palette (#C3FFFA, #73C9D2, #4E8CA3, #5A5785, #39214F)
- Patina Basin color palette (#D5E7E0, #6D9B72, #006450, #353E00, #001615)
- Pewter Cabin color palette (#D2F2EF, #9EC3CD, #788A9D, #6E4C5C, #21382C)
- Lagoon Hollow color palette (#DAEDE2, #009F8A, #006267, #003B4B, #001927)
- Patina Petrol color palette (#F2E4EF, #8FBBCB, #007697, #004D38, #00172C)
- Chalky Brick color palette (#D5E8F0, #007987, #AD1828, #7B3400, #000D10)
Browse the whole catalog at Explore, or see today's palette.