Ancient Cocoa color palette — #CDEBF5 · #005E61 · #583E00 · #272A00 · #000303

A conversation between Deep Olive and Peacock, giving this palette its sense of nature and growth.

The five colors

• Frost (#CDEBF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005E61): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#583E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#272A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000303): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. 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

• Dusty Denim color palette (#CEF4E1, #005A75, #5B3C00, #003126, #001209)
• Indigo Chapel color palette (#E6EEFF, #5865D2, #A72F00, #2A4000, #01000A)
• Frosted Lapis Workshop color palette (#E1E7F8, #5C56B0, #00644E, #003E43, #070122)
• Brick Thicket color palette (#F0E4EF, #C80034, #685C00, #254600, #1E0002)
• Linen Meadow color palette (#FFEBF6, #C05A1D, #507A00, #005837, #260A00)
• Hazy Byzantium Boulevard color palette (#FEE0E4, #A634AB, #9B4200, #583D00, #1A031B)
• Worn Fern color palette (#E6F5FA, #2497A1, #897233, #4D5900, #001E27)
• Charred Navy color palette (#E1ECFE, #0B179B, #00340F, #001614, #00000C)

Browse the whole catalog at Explore, or see today's palette.