Cocoa Drift color palette — #FFDFEB · #A9D7C2 · #6EBC9D · #B97E77 · #6A3B00
A conversation between Bronze and Mint Leaf, giving this palette its sense of optimism and balance.
The five colors
- Rose Water (#FFDFEB): A whisper-light, dusty rose — the color of a warm blush.
- Pistachio (#A9D7C2): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#6EBC9D): A luminous, balanced teal — the color of glacier melt.
- Caramel (#B97E77): A luminous, dusty orange — the color of toasted spice.
- Bronze (#6A3B00): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Balance. Tagged vintage, 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
- Patina Amber Hollow color palette (#FFE5BC, #AEDFB2, #60BECF, #B57D50, #653B16)
- Weathered Balcony color palette (#FFDFF3, #EAC3A4, #98B570, #B77395, #72331E)
- Timeworn Basalt Corridor color palette (#EEE3C9, #95C3B9, #71A0B0, #9D6E58, #53260E)
- Weathered Orchard color palette (#E0FDEE, #B0DAD7, #96BACD, #A38D66, #315444)
- Wandering Jade color palette (#E7FBEC, #BED99D, #31C088, #A5841A, #2F4211)
- Softworn Cerulean color palette (#DFE5D4, #7BA382, #1B89A7, #6E5200, #182100)
- Pale Thicket color palette (#CFEDD6, #8ECBA0, #4AA9C7, #AD6B00, #124C0D)
- Pewter Workshop color palette (#E2FFD7, #9CEDD3, #66BEC5, #8D649E, #4E3B5B)
Browse the whole catalog at Explore, or see today's palette.