Cocoa Drift color palette — #FFF2EB · #A689C4 · #8B5288 · #803213 · #51333C

Built around Rust, softened by Slate — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Dusty Rose (#A689C4): A luminous, balanced violet — the color of a velvet chair.
• Slate (#8B5288): A full-bodied, balanced pink — the color of a candy shop window.
• Rust (#803213): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal (#51333C): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Optimism, Creativity, Balance. Tagged retro, 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

• Softworn Summit color palette (#FFF2EA, #C597B8, #9E6376, #755122, #5C3F3F)
• Petrol Terrace color palette (#FFF2EE, #749ACA, #5962AA, #763158, #4C334A)
• Powdered Canyon color palette (#FFF1F1, #B17196, #934C3C, #5D4300, #244106)
• Hushed Harbor color palette (#FFF3E8, #CD6587, #A23438, #534400, #5A1D2C)
• Sunlit Magenta color palette (#FFF1F6, #CCD1FF, #C79DFF, #C061C5, #55323E)
• Aged Mallow Archive color palette (#FFF0FC, #CDBAFF, #BC93C7, #AB7066, #3A3B4F)
• Hushed Powder Garden color palette (#DFFCF7, #8BB0FA, #A56FAF, #417141, #353C52)
• Indigo Atelier color palette (#F2DFE5, #815DAA, #422A30, #2C1820, #130A0A)

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