Weathered Cocoa Drift color palette — #FBF2F9 · #BFE9F2 · #9B7A94 · #653832 · #231721
A conversation between Cocoa and Heather, giving this palette its sense of sophistication.
The five colors
- Ivory (#FBF2F9): bright and airy, almost weightless.
- Frost (#BFE9F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Heather (#9B7A94): A luminous, dusty pink — the color of neon signs at night.
- Cocoa (#653832): A deep, shadowed, dusty orange — the color of toasted spice.
- Onyx (#231721): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Weathered 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
- Timeworn Balcony color palette (#F1F7F1, #B5E3ED, #9C815B, #314F33, #151E15)
- Aged Taupe Bloom color palette (#FAF2FB, #B8EBDB, #CA8A8E, #7B647C, #302930)
- Stone Corridor color palette (#FDEEEB, #BFCB89, #845059, #402B26, #1A1210)
- Stone Drift color palette (#FCF2F8, #F5AF9D, #79BEB1, #5687B0, #3B2C37)
- Washed Taupe color palette (#E0F5E3, #C09D50, #4E3700, #1D2624, #0C0600)
- Softworn Hollow color palette (#FBF2F7, #E0AB92, #33A399, #3C62A2, #2F2437)
- Chalky Lagoon color palette (#FFF0F8, #FBD37C, #A84D00, #4D1F00, #15000C)
- Timeworn Taupe color palette (#ECF9EF, #F7D6B2, #A5A76B, #44789C, #304535)
Browse the whole catalog at Explore, or see today's palette.