Cocoa Drift color palette — #F3F4FF · #D2ADD7 · #A17092 · #824558 · #6B3413

A conversation between Bronze and Coffee, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mauve (#D2ADD7): A luminous, dusty pink — the color of a candy shop window.
• Dusty Rose (#A17092): A luminous, dusty pink — the color of peonies in June.
• Coffee (#824558): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#6B3413): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, 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

• Ancient Cocoa color palette (#F9F2FF, #E2AEB7, #B3736C, #834E36, #693B00)
• Hazy Mallow color palette (#FFF1F6, #F6CEFA, #E29CCF, #BD7389, #71343A)
• Wandering Quarry color palette (#E9F3FF, #C4B6E1, #A7789D, #8E364F, #4E1A00)
• Basalt Lantern color palette (#EEF6FF, #A8BAEB, #857BAD, #68497F, #62315C)
• Weathered Ash color palette (#ECF9EE, #BA99CA, #986679, #506032, #4A435B)
• Aged Basin color palette (#F4F4FC, #DED7DE, #B7A8A2, #7E7E9E, #51515B)
• Dusty Terracotta Thicket color palette (#FFD8EC, #CB7A91, #9C4746, #6E2700, #4D2700)
• Pale Garnet Field color palette (#FFDDE7, #BC505E, #881D00, #411C00, #201200)

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