Cocoa Drift color palette — #F9F5EC · #CADDCB · #938651 · #5A4200 · #201B0F

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

The five colors

• Ivory (#F9F5EC): a clean, paper-quiet neutral.
• Silver (#CADDCB): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#938651): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#5A4200): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#201B0F): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns 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

• Bronze Corridor color palette (#F9F5EA, #F7D9AB, #A99F6C, #846920, #302B20)
• Tempered Marigold color palette (#ECF1DF, #C69B32, #00491F, #1D282B, #000B02)
• Hushed Terrace color palette (#F3F7ED, #FBE3B0, #368864, #0D432D, #0D1105)
• Pewter Atelier color palette (#E9F5EE, #ACCDB0, #6B6237, #1E3729, #0B1710)
• Nocturne Bronze color palette (#F0ECDD, #9A7300, #1E1C00, #0A0C06, #010100)
• Weathered Teal Alley color palette (#F7F5EF, #D4FCCD, #51C4B7, #9D9F57, #192116)
• Mustard Orchard color palette (#F9F5EA, #CFC677, #8DB0E5, #93759F, #34312B)
• Fern Study color palette (#F7F6E8, #DCB561, #3C5C00, #101D00, #010100)

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