Cocoa Atelier color palette — #F4D9E5 · #7E3E00 · #3C4A00 · #002C3E · #050100

Built around Bronze, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F4D9E5): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#7E3E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3C4A00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• 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, 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

• Antique Chestnut color palette (#DDF6E0, #6A4C00, #34420B, #00301C, #040200)
• Terracotta Courtyard color palette (#FDE6F8, #9C040C, #683300, #00301F, #080000)
• Worn Rust Station color palette (#FFE4EC, #B24E21, #5F3B00, #232000, #000600)
• Wandering Terrace color palette (#FFDCE9, #774400, #004F4C, #38005E, #050100)
• Aged Ridge color palette (#F1DDEF, #9B0025, #004F3E, #002D3D, #220003)
• Shadow Garnet Veranda color palette (#EDDAEA, #83010F, #004132, #1C0056, #050000)
• Soft Cabin color palette (#D2E9D3, #AD313B, #463B00, #120063, #0D0300)
• Frosted Plum Garden color palette (#E9E1EA, #B95069, #364C00, #690029, #010100)

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