Ancient Cocoa color palette — #FAF4EF · #C9DECC · #B1B18A · #748E73 · #594300

Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Celadon Mist (#C9DECC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B1B18A): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#748E73): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#594300): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Ancient Driftwood color palette (#F6F6EB, #BEE0DD, #7BBBBF, #8E8940, #374F0C)
• Taupe Lagoon color palette (#FFF2EA, #DDDEBF, #9AA474, #836B93, #3C3832)
• Hushed Meadow color palette (#FCF2F5, #A2CCB5, #708A64, #506B73, #3F5248)
• Hushed Driftwood Loft color palette (#F6F1E8, #CDC49D, #89873E, #536B2A, #33312A)
• Powder Canyon color palette (#EAF9F5, #E5D4CE, #8CBED5, #A5A79D, #584754)
• Lagoon Parlor color palette (#F9F5EB, #B9DBB5, #3F9C88, #306A8B, #282A05)
• Wandering Fern color palette (#F1DDCB, #9D8F36, #2D5B00, #441049, #010100)
• Patina Cabin color palette (#F9F4EF, #CADBE5, #CDBCEF, #34A4A3, #634251)

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