Cocoa Drift color palette — #FFF1EB · #DA9C8D · #AC6240 · #7E3F00 · #593500
Built around Bronze, softened by Ochre — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF1EB): a clean, paper-quiet neutral.
- Camel (#DA9C8D): A luminous, dusty orange — the color of toasted spice.
- Ochre (#AC6240): A full-bodied, balanced orange — the color of autumn markets.
- Bronze (#7E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Cocoa (#593500): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, 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
- Bronze Station color palette (#FFEADC, #D3AB80, #966B13, #684E00, #473E00)
- Ancient Terracotta Study color palette (#FFEEF4, #DD9DAC, #B15E68, #9A161D, #741D00)
- Amber Workshop color palette (#FFE8F3, #F8A1AD, #DC7453, #935A00, #463C00)
- Timeworn Rust color palette (#FBF3F1, #DED9D2, #C7BEAF, #A45B63, #504542)
- Powdered Alley color palette (#FFF2EB, #FFC9CC, #F88F74, #CD6F00, #413B36)
- Powdered Quarry color palette (#FFF2EB, #BB735E, #7A5F00, #1A5712, #592239)
- Antique Driftwood Thicket color palette (#FFF3DF, #BBB39E, #8B8138, #2D736C, #39593F)
- Terracotta Delta color palette (#FFE2DA, #A64800, #562900, #261400, #100700)
Browse the whole catalog at Explore, or see today's palette.