Ancient Cocoa color palette — #F9F5EB · #C4E0CC · #ABB47E · #9B7E75 · #564400
Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F5EB): bright and airy, almost weightless.
- Celadon Mist (#C4E0CC): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#ABB47E): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#9B7E75): A luminous, dusty orange — the color of autumn markets.
- Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Ancient Cocoa 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
- Washed Veranda color palette (#F4F6EF, #B8E3DE, #86BBAA, #728D80, #3A4E07)
- Antique Courtyard color palette (#FBF4E9, #DBE4B9, #A4A256, #A0673B, #3B3831)
- Driftwood Archive color palette (#FDF3E9, #CCC09F, #83863F, #755E6B, #5E4B00)
- Patina Lagoon color palette (#FEF3ED, #EFD6C0, #B2DB87, #D08272, #47473F)
- Tempered Driftwood color palette (#EBF5ED, #ADCBBC, #638D80, #5E5F75, #25352D)
- Patina Mustard Alley color palette (#FFF2EB, #FEB99E, #C0C071, #C190B4, #3E3733)
- Ancient Lantern color palette (#EAE0CA, #95931A, #485400, #432100, #010100)
- Lagoon Archive color palette (#F5F6E9, #A8E0B2, #419E71, #805A38, #262B0F)
Browse the whole catalog at Explore, or see today's palette.