Cocoa Drift color palette — #FFF2EE · #F4B4AC · #D68F7F · #A46C57 · #784213
Built around Bronze, softened by Camel — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Rose Quartz (#F4B4AC): A whisper-light, dusty orange — the color of toasted spice.
- Camel (#D68F7F): A luminous, balanced orange — the color of toasted spice.
- Mocha (#A46C57): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#784213): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Warmth, Comfort, Balance. 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
- Dusty Boulevard color palette (#FFE6E5, #F1B6CE, #CE889E, #975F6C, #68463C)
- Washed Loft color palette (#FFF3E9, #F8C9A9, #C79575, #8E6042, #572C00)
- Hushed Fern color palette (#FFF2EB, #F1B39E, #98BE8D, #B87B65, #505100)
- Weathered Apricot Basin color palette (#FAF1FF, #FFC6CC, #FA9480, #BF8669, #664651)
- Antique Station color palette (#FFEFE0, #E3BC8B, #BB9755, #8A743B, #514E47)
- Amber Summit color palette (#EEDACE, #E17D00, #AF6600, #744B00, #3D2800)
- Ancient Apricot Villa color palette (#FFF3E9, #E2A077, #9FAD69, #B2819B, #47413C)
- Washed Summit color palette (#FFF3E9, #DDDACB, #92B9BC, #C8A088, #79480E)
Browse the whole catalog at Explore, or see today's palette.