Cocoa Atelier color palette — #DEEFF9 · #00556A · #652400 · #00222D · #030000

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

The five colors

• Frost (#DEEFF9): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00556A): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#652400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#00222D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030000): 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

• Lowlit Garnet Alley color palette (#C9EDF0, #005A45, #710030, #00251B, #040001)
• Garnet Delta color palette (#D1ECF6, #004354, #5B1400, #341C00, #000102)
• Twilit Orchard color palette (#E3EDFA, #0C43A6, #592F00, #001653, #030100)
• Chestnut Dune color palette (#D5E2DA, #00758D, #894100, #003F4D, #0E0300)
• Cellar Brick color palette (#E1EFE4, #B2001B, #005B74, #080C11, #000103)
• Wandering Atelier color palette (#DCF8E7, #00778E, #4B5D00, #00313C, #010100)
• Obsidian Fern color palette (#D4E5D6, #5D5300, #392600, #1B0800, #010100)
• Quiet Terracotta color palette (#E6F1FF, #4F91DD, #973D00, #004687, #230900)

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