Ancient Cocoa color palette — #F9F1DE · #92A97E · #3B7253 · #584300 · #1F1D00

Deep Olive takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F1DE): A whisper-light, dusty gold — the color of old brass.
• Sage (#92A97E): A luminous, dusty green — the color of fresh herbs.
• Pine (#3B7253): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#1F1D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Fern Station color palette (#F3F2E8, #AEB992, #4A8175, #5F5600, #252A13)
• Worn Grove color palette (#F9F1DD, #94B37A, #257D51, #00575E, #142600)
• Patina Emerald color palette (#EDE9DA, #6D9C67, #00654B, #00404C, #121400)
• Antique Driftwood Atelier color palette (#E8FAF3, #BFDAA8, #71956B, #436D60, #042F28)
• Patina Pine Thicket color palette (#E4E0CC, #53874E, #00503C, #2A2D00, #010B00)
• Faded Rust Cabin color palette (#DDF0D8, #00A79C, #BD5855, #00635C, #3C0206)
• Antique Corridor color palette (#BFF9FF, #38C1C9, #007781, #003941, #001013)
• Tempered Cypress color palette (#E6F8E3, #B8E7FF, #ADB7EA, #2E795A, #082914)

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