Ancient Cocoa color palette — #F4F8E2 · #6CAA8E · #0D7266 · #684200 · #2A3D00
A conversation between Bronze and Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#6CAA8E): A luminous, dusty teal — the color of sea glass.
- Teal (#0D7266): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#684200): A full-bodied, balanced gold — the color of old brass.
- Forest (#2A3D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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
- Jade Corridor color palette (#F8F6E1, #78A97B, #2D7156, #504A44, #35362F)
- Hushed Cocoa Chapel color palette (#F2F3E6, #6FAF96, #007472, #6D340D, #152003)
- Chestnut Quarry color palette (#FCF4E4, #ACB67C, #627D52, #715501, #4E4200)
- Hazy Harbor color palette (#F4ECC4, #56A933, #006C3E, #3F480E, #1A3610)
- Antique Fern color palette (#ECFCD9, #ABF4EB, #74B9D0, #4F6F42, #33422A)
- Hushed Lantern color palette (#DCEBC6, #009062, #6260B4, #8A4427, #253010)
- Washed Lagoon Bloom color palette (#E9F9F6, #87C0C3, #1F9290, #76596D, #143C3E)
- Misty Studio color palette (#EAF3D7, #11A862, #A85793, #006839, #4A2840)
Browse the whole catalog at Explore, or see today's palette.