Cocoa Drift color palette — #F2F5FF · #CAB4E4 · #9F7395 · #7D4354 · #6F2E23

Rust and Coffee set the tone — five colors that lean into creativity and warmth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#CAB4E4): A luminous, dusty violet — the color of a velvet chair.
• Heather (#9F7395): A luminous, dusty pink — the color of peonies in June.
• Coffee (#7D4354): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#6F2E23): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged muted, warm.

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 Study color palette (#FFF0F9, #E4CDFD, #E1A5DB, #BE7386, #6B3128)
• Mulberry Villa color palette (#FFECF0, #DBAEB3, #AE7499, #812F59, #550829)
• Gentle Plum color palette (#F5F3FF, #CFC4EA, #C88EB3, #A0507B, #702843)
• Ancient Garnet color palette (#ECF7FF, #A1BEE7, #827DB1, #704E7F, #6B2E59)
• Washed Ash Coast color palette (#E8FAF4, #A99ED7, #98657D, #286657, #474558)
• Weathered Mulberry Atelier color palette (#EEDFF7, #BA68A7, #9B2B52, #5A1700, #351900)
• Driftwood Meadow color palette (#F4F4FC, #DFD8DE, #B6A8A1, #7C7FA0, #515259)
• Softworn Bronze color palette (#FFF0F9, #DD959D, #A9624F, #704200, #4C4000)

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