Cocoa Atelier color palette — #F3E0E7 · #84703B · #5A3000 · #2B0001 · #010100

Built around Cocoa, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#F3E0E7): A whisper-light, dusty rose — the color of pressed rose petals.
• Walnut (#84703B): A full-bodied, dusty gold — the color of honey in a jar.
• Cocoa (#5A3000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#2B0001): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, 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

• Twilit Archive color palette (#FBECE0, #705500, #442100, #290002, #050300)
• Aged Cocoa color palette (#FBD9E8, #A0813B, #763C00, #460008, #010100)
• Weathered Fern Boulevard color palette (#D0EEDE, #86A573, #686200, #472B00, #000502)
• Worn Bronze Loft color palette (#D6E3DA, #957600, #003D6D, #362900, #000104)
• Olive Study color palette (#ECE5C7, #678013, #004832, #001113, #000103)
• Bronze Station color palette (#E9FBEB, #B4B782, #986E00, #722F00, #031800)
• Cornflower Grove color palette (#E9DCEE, #2879FF, #A36000, #0E0C05, #020100)
• Inked Fern color palette (#D2F4EE, #1F5D00, #004354, #2F0028, #000200)

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