Cocoa Drift color palette — #F8E7F0 · #6F2E00 · #003F3D · #001C3C · #0C0200

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

The five colors

• Blush (#F8E7F0): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#6F2E00): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Teal (#003F3D): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001C3C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0C0200): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Onyx Coast color palette (#DFF2E1, #4A3300, #002F3E, #16003B, #030100)
• Moonless Chapel color palette (#EADAE8, #830019, #003F40, #2A0046, #040000)
• Garnet Delta color palette (#F2E6F8, #7F0040, #00421D, #002126, #0F0004)
• Chestnut Archive color palette (#D5F3DB, #715200, #293600, #001835, #0F0B00)
• Ancient Basalt color palette (#D8E1D8, #9FADA4, #6A877C, #4C3100, #0A180B)
• Bronze Chapel color palette (#F0DDE6, #9E5000, #343600, #3F1C00, #020200)
• Ultramarine Coast color palette (#CEE4D8, #6D6400, #004CAF, #510078, #002113)
• Wandering Chapel color palette (#C9ECE1, #445B00, #2A2CA1, #480044, #091000)

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