Cocoa Atelier color palette — #CDE5F8 · #00587E · #692700 · #002336 · #100200

Built around Rust, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#CDE5F8): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00587E): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#692700): A deep, shadowed, balanced orange — the color of toasted spice.
• Midnight (#002336): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#100200): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Midnight Garnet color palette (#CCEDF3, #005F54, #780029, #002722, #130003)
• Basalt Station color palette (#D7F0FF, #004562, #552200, #341E00, #000204)
• Chestnut Market color palette (#D3E8DD, #007494, #824700, #003E51, #0D0400)
• Softworn Denim color palette (#C7E4FF, #0064B5, #002F5C, #2D2229, #000B17)
• Moonless Courtyard color palette (#D3E1F8, #2637C5, #553800, #0B006B, #0B0500)
• Quiet Cornflower Chapel color palette (#CCE0F7, #007EE7, #8A6200, #004989, #382500)
• Soft Bronze color palette (#CBE6DA, #0089BB, #A95900, #005C7F, #0D0300)
• Fern Terrace color palette (#E4DECF, #5C5E00, #372A00, #1D0C00, #000503)

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