Cocoa Atelier color palette — #FAF4ED · #C7DFCC · #A7B586 · #6C8F7D · #574400
Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Celadon Mist (#C7DFCC): A whisper-light, dusty teal — the color of sea glass.
- Sage (#A7B586): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#6C8F7D): A luminous, dusty teal — the color of glacier melt.
- Deep Olive (#574400): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Cocoa Orchard color palette (#FBF3EF, #EFDABC, #B3BB8E, #B18F9A, #674600)
- Hushed Atelier color palette (#EEF8F0, #C7C394, #608C7E, #516A78, #405249)
- Muted Studio color palette (#FAF4EC, #D9E3BE, #99A569, #756F9E, #3B3831)
- Muted Aubergine color palette (#EDDFCC, #9B8F3E, #485400, #37125D, #010100)
- Antique Coast color palette (#F7F6E8, #CDD5A9, #409E7B, #4F6193, #262B04)
- Antique Powder color palette (#FFF1F4, #E3D7D2, #BDB7F1, #AAB4AD, #654A4E)
- Hushed Teal Delta color palette (#FFF1F5, #DFBCF5, #DAB383, #46B6B2, #483138)
- Softworn Navy color palette (#F5F7E5, #78B191, #00705E, #313175, #000B04)
Browse the whole catalog at Explore, or see today's palette.