Cocoa Atelier color palette — #F3EBF0 · #DFC9D2 · #91AF94 · #852B00 · #060104
Built around Rust, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Blush (#F3EBF0): a clean, paper-quiet neutral.
- Oat (#DFC9D2): A whisper-light, dusty rose — the color of strawberry cream.
- Sage (#91AF94): A luminous, dusty green — the color of fresh herbs.
- Rust (#852B00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Ink (#060104): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Optimism, 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
- Tempered Cocoa color palette (#E8F1E7, #C3D5C8, #89B0A0, #6B4400, #000400)
- Tempered Garnet Thicket color palette (#F3EBF2, #DCCAD5, #BF9AA8, #94001E, #060106)
- Tempered Garnet color palette (#EDDCD5, #B19C85, #907A32, #680B04, #0C0200)
- Rust Study color palette (#F5ECF3, #C2AAA6, #ACAB79, #BE4030, #1B0F19)
- Weathered Garnet color palette (#D1E8D8, #8F9355, #385900, #57000D, #010100)
- Muted Field color palette (#EFF8F4, #C9DEE3, #9CC4C3, #5C6700, #00110B)
- Chestnut Summit color palette (#F3D9E5, #9E4E00, #004A13, #001727, #030003)
- Antique Driftwood Boulevard color palette (#FFE6D4, #A68642, #5D662F, #003B54, #02012A)
Browse the whole catalog at Explore, or see today's palette.