Cocoa Drift color palette — #CFECDB · #005C71 · #722900 · #461600 · #000304

A conversation between Rust and Espresso, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#CFECDB): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#005C71): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#722900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#461600): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#000304): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Washed Courtyard color palette (#DCF8E3, #005D69, #524200, #302600, #000303)
• Weathered Garnet Chapel color palette (#DEE8DC, #005F5B, #7F0530, #4F001A, #000300)
• Chalky Aubergine Balcony color palette (#D0F0E4, #005882, #562385, #471400, #000206)
• Mulberry Lagoon color palette (#DCF2FF, #007F9D, #A72845, #4E3200, #000102)
• Petrol Pier color palette (#D3EDE2, #0074A2, #6A5A00, #463B00, #000C16)
• Charred Ultramarine color palette (#F6E9F4, #284BBB, #483200, #241700, #010500)
• Aged Nightshade color palette (#F4E2ED, #4B30BB, #742700, #471500, #020010)
• Pale Mulberry color palette (#DCEBF8, #0077AC, #923090, #593C00, #000F1B)

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