Cocoa Atelier color palette — #C8E7F4 · #005D67 · #663500 · #003113 · #000304

Bronze and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#C8E7F4): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005D67): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#663500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#003113): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000304): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged dark, muted.

Use it as a design system

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

• Nocturne Garnet Alley color palette (#C9E6F0, #005E63, #820021, #2D2800, #000303)
• Wandering Grape Canyon color palette (#ECEFFF, #6617B7, #554000, #003023, #03000D)
• Softworn Cobalt color palette (#D2E6FB, #006BC2, #655D00, #004543, #000B1C)
• Lowlit Summit color palette (#DEE8F9, #3447BD, #5D2000, #00201A, #000504)
• Nightshade Thicket color palette (#D8E5FA, #1D00C8, #2C3D00, #132100, #00000B)
• Patina Study color palette (#E4E1EF, #953695, #4F5C00, #003F40, #130013)
• Navy Lagoon color palette (#DFEDFF, #003079, #2B2C00, #001619, #000106)
• Frosted Cobalt Corridor color palette (#D8E2ED, #007AD4, #800032, #003764, #030004)

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