Cocoa Drift color palette — #F1EFFF · #CF9DC2 · #B15A6F · #883400 · #523A00

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

The five colors

• Blush (#F1EFFF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#CF9DC2): A luminous, dusty pink — the color of peonies in June.
• Brick (#B15A6F): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#883400): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#523A00): A deep, shadowed, dusty gold — the color of old brass.

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

• Chalky Bronze Study color palette (#FFE3FC, #D695A0, #A75E4B, #6E4900, #3B3D00)
• Tempered Rust color palette (#FFE2F7, #E794B3, #BA4E5E, #7D2F18, #3D1800)
• Antique Meadow color palette (#ECF4FF, #B8A1DB, #9D568A, #8C1C36, #642800)
• Feathered Coral color palette (#F6F1FF, #F5ACC7, #D56E77, #A34C3B, #5C2900)
• Softworn Terracotta color palette (#E3FCF4, #A588C7, #9F4D4E, #00576C, #413851)
• Plum Garden color palette (#F6F4FA, #E3D8DB, #D1BAB9, #9D598C, #49464E)
• Amber Alley color palette (#F8E5E8, #C37458, #824E00, #353800, #002B21)
• Amber Archive color palette (#FBF1FF, #DCCAFF, #FF9DBC, #B97800, #5C2F2A)

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