Cocoa Studio color palette — #D9EBEF · #005E5D · #593D00 · #292B00 · #001110

Built around Bronze, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Frost (#D9EBEF): bright and airy, almost weightless.
• Peacock (#005E5D): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#593D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#292B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001110): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Cocoa Studio 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

• Abyss Veranda color palette (#DDECF3, #004A55, #3C2D00, #122100, #000605)
• Midnight Atelier color palette (#CBE3F5, #00597F, #732900, #1C2E00, #000205)
• Aged Garnet color palette (#D5F3EF, #00631A, #810600, #3E2000, #001202)
• Cobalt Terrace color palette (#EAD9EC, #2282DC, #882F00, #3C4900, #000D21)
• Abyss Chapel color palette (#CAEAFF, #007295, #565F00, #004B12, #002331)
• Hazy Terracotta Boulevard color palette (#EBD7E4, #AA3202, #505A00, #00441B, #2B0E24)
• Cobalt Market color palette (#E8EEFF, #6667AF, #007355, #004F53, #1B2541)
• Feathered Mulberry color palette (#F4E4FE, #9C0E5E, #5F1F00, #281E00, #031700)

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