Cocoa Cabin color palette — #D8EAF4 · #006484 · #743400 · #002E3F · #070100

A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#D8EAF4): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006484): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#743400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002E3F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#070100): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Sophistication. 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

• Pale Delta color palette (#D5E7FF, #0055B9, #5B4600, #00275B, #040200)
• Cocoa Coast color palette (#C6E5F8, #004F71, #652B00, #352900, #000103)
• Mulberry Parlor color palette (#C9E5F0, #006871, #87004B, #003035, #0A0003)
• Terracotta Lantern color palette (#D7F8E9, #0082AE, #A74300, #004C67, #200700)
• Antique Boulevard color palette (#D9F8E9, #BA4000, #006E7E, #060D13, #000102)
• Charred Study color palette (#D5E9F7, #0070BA, #004060, #001325, #000103)
• Olive Canyon color palette (#D4F4FF, #008CAC, #557300, #004354, #010100)
• Softworn Violet Quarry color palette (#CEE8FA, #6A95E6, #8D58BB, #004D4B, #000711)

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