Weathered Cocoa Drift color palette — #E9F6E9 · #90B69C · #8E6F3F · #713D07 · #0A291D

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E9F6E9): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#90B69C): A luminous, dusty teal — the color of glacier melt.
• Walnut (#8E6F3F): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#713D07): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#0A291D): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Weathered Cocoa Drift 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 Cocoa Garden color palette (#FCEDF4, #C79EAB, #996846, #743827, #102917)
• Patina Garden color palette (#D7E5D9, #7EA28D, #7E5F15, #5A3400, #001E14)
• Bronze Lantern color palette (#FEF3E6, #AEA97D, #946928, #7A4019, #423F00)
• Tempered Summit color palette (#EDF9ED, #C2E7D3, #B69870, #905C4A, #0F3A32)
• Wandering Cobalt color palette (#EBF2FF, #6C83C4, #A0653B, #535700, #0F1A2C)
• Timeworn Lagoon color palette (#D7F7E2, #757631, #514200, #311F00, #040600)
• Twilit Chestnut color palette (#F7E9F0, #73460C, #451C00, #220200, #020100)
• Patina Atelier color palette (#EBF2FD, #C6B185, #3E557D, #0D2550, #060D17)

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