Ancient Cocoa color palette — #D7F4FC · #00615F · #5A3900 · #292D00 · #00180B

Built around Cocoa, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Frost (#D7F4FC): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00615F): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#5A3900): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#292D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#00180B): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Faded Garnet Veranda color palette (#D4EBE8, #00712A, #770011, #391F00, #001910)
• Denim Parlor color palette (#DFEEFF, #00589D, #284F00, #00342A, #001B24)
• Aged Garnet color palette (#D2E4F3, #00628F, #850025, #1E2B00, #000308)
• Inked Abyss color palette (#CEE4F2, #003A4D, #262400, #001402, #000202)
• Washed Field color palette (#E9F8FF, #298D9C, #715900, #304A00, #0E3134)
• Ancient Brick color palette (#DBEFE1, #008EA2, #B1060E, #125202, #001708)
• Hazy Sapphire color palette (#F0F5FF, #4459D1, #006228, #004743, #002A3E)
• Muted Courtyard color palette (#EFF6FD, #5E93BF, #647730, #005E41, #273841)

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