Cocoa Garden color palette — #E9FAED · #C5E3D3 · #98B5AD · #977C85 · #65474B
Built around Charcoal Brown, softened by Celadon Mist — the whole palette hums with sophistication.
The five colors
- Ivory (#E9FAED): A whisper-light, dusty teal — the color of shallow lagoons.
- Celadon Mist (#C5E3D3): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#98B5AD): A luminous, dusty teal — the color of shallow lagoons.
- Driftwood (#977C85): A luminous, dusty rose — the color of strawberry cream.
- Charcoal Brown (#65474B): A full-bodied, dusty red — the color of a theater curtain.
Feels like: Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Cocoa Garden 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
- Powder Terrace color palette (#DCFEF8, #C8DDED, #A2C1DC, #AF97A4, #634B57)
- Aged Driftwood Grove color palette (#FFEFFF, #E7CCDF, #B89DAB, #967573, #624740)
- Driftwood Boulevard color palette (#F5F6EE, #CAE4E1, #93BCA7, #6E9073, #385146)
- Stone Field color palette (#BDECDB, #C9AACA, #A28099, #7F5B5D, #603B37)
- Ancient Periwinkle color palette (#DDF4EB, #81A6D5, #7780AB, #6E4766, #542A3C)
- Patina Periwinkle color palette (#D3F2FF, #92C9F3, #7497C9, #89658F, #673E59)
- Aged Coast color palette (#F7F6E6, #C6D1B7, #7E9D8A, #9E5C43, #724800)
- Cerulean Balcony color palette (#EBF9F2, #88CFEF, #CD9ED1, #4B97B7, #684048)
Browse the whole catalog at Explore, or see today's palette.