Cocoa Atelier color palette — #FFE3EF · #7D3F00 · #005228 · #002C3E · #050100
A conversation between Bronze and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFE3EF): A whisper-light, dusty rose — the color of pressed rose petals.
- Bronze (#7D3F00): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#005228): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#002C3E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, 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
- Hushed Alley color palette (#DBEDE2, #605200, #004E4E, #002A44, #030200)
- Deep Orchard color palette (#F9DDE9, #653800, #003C30, #001E20, #030003)
- Ancient Corridor color palette (#FBDBD9, #AD5700, #5B4200, #242300, #010600)
- Hazy Navy Alley color palette (#F4E7D1, #A54100, #433C00, #0F0064, #0B0400)
- Terracotta Veranda color palette (#FBDEF6, #9D0018, #00496B, #002160, #080000)
- Muted Archive color palette (#EFDDFD, #930061, #005043, #002F27, #070003)
- Tempered Pine color palette (#F0E2D6, #A45900, #087519, #004868, #190800)
- Scarlet Loft color palette (#F0E5EF, #C9414B, #3B4B00, #6B0016, #010100)
Browse the whole catalog at Explore, or see today's palette.