Cocoa Atelier color palette — #D4F1FF · #00556F · #603400 · #352A00 · #00090F

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

The five colors

• Frost (#D4F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00556F): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#603400): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#352A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#00090F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Shadow Garnet color palette (#CBE4F4, #005070, #730043, #2E3200, #000103)
• Washed Ridge color palette (#D3ECE6, #005A4E, #7B0029, #4D1900, #000A08)
• Shadow Market color palette (#D6E4FF, #022AA5, #403100, #1B2303, #00000F)
• Mulberry Chapel color palette (#E0F2FD, #006F9A, #A40062, #4A4F00, #000910)
• Muted Olive Drift color palette (#E1F5E4, #6B6C1E, #4A3400, #321000, #020F00)
• Moonless Aubergine color palette (#DCDEEC, #5700A0, #4D2E00, #2B1800, #070016)
• Weathered Plum color palette (#E3F2FC, #81A8E4, #9B569B, #004F3F, #001627)
• Faded Grape Lagoon color palette (#F7EBFC, #870BAC, #3F5700, #004426, #1D0427)

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