Cocoa Cabin color palette — #DCF1FF · #00618D · #7A3900 · #563500 · #001421
A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#DCF1FF): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#00618D): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#7A3900): A full-bodied, balanced gold — the color of honey in a jar.
- Cocoa (#563500): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#001421): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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 Garnet Grove color palette (#D0ECF2, #006675, #930B18, #6D1E00, #00151A)
- Patina Ultramarine Meadow color palette (#D9E3F3, #0051BF, #6B4500, #363D06, #000F30)
- Feathered Chapel color palette (#DBEBF5, #005F89, #6700A9, #004737, #000409)
- Patina Grape color palette (#E9DAE2, #531FC3, #4E4200, #302800, #0D042B)
- Patina Olive color palette (#FAEACB, #767B3F, #554300, #3C2000, #091B00)
- Tempered Meadow color palette (#E0E3F0, #584BFF, #7B6000, #375820, #1B1A54)
- Washed Orchid color palette (#F8E5FF, #A25BB8, #345900, #00493B, #2C1234)
- Aubergine Hollow color palette (#E7E2FB, #4A0E98, #373500, #002713, #02000B)
Browse the whole catalog at Explore, or see today's palette.