Ancient Cocoa color palette — #E4E5D1 · #6A6B00 · #006A59 · #7C2F00 · #080800
Rust and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E4E5D1): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#6A6B00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006A59): A full-bodied, balanced teal — the color of glacier melt.
- Rust (#7C2F00): A full-bodied, balanced orange — the color of toasted spice.
- Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged muted.
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
- Airy Olive Ridge color palette (#D6EDCF, #2A7A00, #006770, #674100, #010B00)
- Quiet Field color palette (#E8DECF, #885D00, #0D6E14, #8D0033, #0D0600)
- Hushed Olive Delta color palette (#D3F4E1, #838300, #5E5300, #3C2F00, #0A0D00)
- Nightshade Studio color palette (#E9E6CF, #574D00, #2E00B8, #46006C, #0A0700)
- Emerald Summit color palette (#E8EFD6, #8EC165, #40A75E, #605B00, #0F1900)
- Grape Boulevard color palette (#ECE6D2, #7C6500, #7B06BA, #5B1788, #020100)
- Chalky Pier color palette (#CAECEB, #008586, #0459EA, #416400, #001616)
- Airy Grove color palette (#CCF9FF, #009C85, #0081C7, #6C6E00, #002529)
Browse the whole catalog at Explore, or see today's palette.