Wandering Cocoa Drift color palette — #D2EBCD · #006A63 · #5B4600 · #00312E · #040200

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

The five colors

• Celadon Mist (#D2EBCD): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#006A63): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#5B4600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#00312E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Forest Cabin color palette (#E6ECD4, #006E32, #723600, #003414, #070100)
• Basalt Delta color palette (#DEEDE4, #005569, #344200, #00232C, #010100)
• Worn Pine Hollow color palette (#D5F3E3, #2A7B2C, #423939, #00222D, #000305)
• Lowlit Cypress color palette (#CBE7EA, #007981, #00454A, #001618, #000102)
• Aubergine Market color palette (#DBF4E1, #006773, #6600A0, #003036, #05000E)
• Airy Fern color palette (#E0E4C6, #106F12, #004E76, #043404, #000307)
• Tempered Plum Bloom color palette (#DEF0D9, #009287, #BF0046, #004641, #040001)
• Patina Cerulean Harbor color palette (#DCF2F3, #42A6BB, #0086B0, #004741, #000708)

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