Cocoa Atelier color palette — #F4EBF1 · #DCCAD3 · #BE9AA9 · #872800 · #080005
Rust and Mauve set the tone — five colors that lean into sophistication.
The five colors
- Blush (#F4EBF1): a clean, paper-quiet neutral.
- Oat (#DCCAD3): A whisper-light, dusty rose — the color of pressed rose petals.
- Mauve (#BE9AA9): A luminous, dusty rose — the color of pressed rose petals.
- Rust (#872800): A full-bodied, balanced orange — the color of autumn markets.
- Ink (#080005): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Sophistication. Tagged scandi, muted, light.
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
- Mulberry Courtyard color palette (#F1EBF6, #D7CBDB, #B59CB7, #7D2955, #050109)
- Hushed Studio color palette (#E9F1E8, #C7D4C8, #93AE9C, #6C4300, #000400)
- Weathered Garnet Study color palette (#F7EBE6, #AF9C8B, #987532, #690800, #0A0201)
- Worn Rust Parlor color palette (#ECE0E9, #C1AAA8, #90B199, #BD4230, #210A1C)
- Hushed Harbor color palette (#FFEDF4, #FF9878, #DA7800, #865D00, #020100)
- Timeworn Fern Thicket color palette (#EEF8F4, #C8DFE2, #9CC4BD, #5D6700, #01100B)
- Wandering Fern Meadow color palette (#F8E0E8, #575A0A, #704000, #221B0C, #0A0400)
- Timeworn Fern color palette (#F2E7D2, #9F965D, #5B681F, #00423A, #001112)
Browse the whole catalog at Explore, or see today's palette.