Cocoa Drift color palette — #D7EBF6 · #00667C · #7D2B00 · #002F3B · #080100

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7EBF6): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00667C): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7D2B00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#002F3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#080100): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Midnight Denim color palette (#D7ECFF, #005081, #4D3700, #002038, #020100)
• Mulberry Orchard color palette (#D7F4F6, #006B54, #86004E, #003226, #0A0003)
• Hazy Rust color palette (#DEF4E7, #008CAB, #B13800, #004354, #040000)
• Tempered Bronze Coast color palette (#DEE1CF, #A45800, #006C87, #080D13, #000103)
• Aubergine Basin color palette (#D7E8F4, #00688B, #7C0081, #003144, #1F0021)
• Washed Balcony color palette (#C4E6F2, #0095B7, #A35F00, #00556A, #241100)
• Cobalt Boulevard color palette (#CBE5F1, #0076B4, #003C58, #00131E, #000102)
• Patina Harbor color palette (#E8EBFF, #4D33D8, #624200, #24007A, #050200)

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