Cocoa Drift color palette — #E8FBEA · #C5E3E4 · #CEB8CA · #9E8B83 · #744405
A conversation between Bronze and Stone, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#E8FBEA): A whisper-light, dusty green — the color of fresh herbs.
- Silver (#C5E3E4): A whisper-light, dusty teal — the color of sea glass.
- Stone (#CEB8CA): A luminous, dusty pink — the color of neon signs at night.
- Gray (#9E8B83): A luminous, dusty orange — the color of toasted spice.
- Bronze (#744405): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Chestnut Chapel color palette (#EBF7FF, #9FB7E6, #A07B89, #7D4F2A, #312600)
- Worn Corridor color palette (#F8F5EC, #C1E1D0, #AFB288, #7F8A76, #504700)
- Worn Powder color palette (#E7F9FF, #AECDE4, #8393AE, #7A6576, #5B4846)
- Fern Loft color palette (#F5F3FF, #E4B9EB, #C07B90, #5E5D17, #154115)
- Bronze Parlor color palette (#D8FFF5, #F4CFE9, #B18E99, #916128, #38362F)
- Hushed Grove color palette (#E7F0FF, #A8A1DF, #8C5A8B, #5E4000, #131700)
- Timeworn Periwinkle Study color palette (#FDF1FE, #D9DBF7, #F4C08E, #709DD0, #4B453F)
- Timeworn Alley color palette (#DCFFEB, #BFEAFF, #7CB4E3, #5A79A5, #5A3F53)
Browse the whole catalog at Explore, or see today's palette.