Cocoa Coast color palette — #FFE9DE · #D5D8E8 · #BCAEAA · #6B3601 · #28211C
A conversation between Bronze and Rose Water, giving this palette its sense of optimism and sophistication.
The five colors
- Rose Water (#FFE9DE): A whisper-light, dusty orange — the color of toasted spice.
- Silver (#D5D8E8): A whisper-light, dusty violet — the color of wild irises.
- Ash (#BCAEAA): soft and architectural.
- Bronze (#6B3601): A deep, shadowed, balanced gold — the color of honey in a jar.
- Onyx (#28211C): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Cocoa Coast 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
- Lichen Basin color palette (#DDFFE8, #FFE7EB, #D1CDD9, #60423B, #2E211E)
- Celadon Boulevard color palette (#ECF7FF, #F8F674, #E9D3D0, #594800, #28251B)
- Washed Quarry color palette (#E9EDFF, #C2F200, #DACCC5, #3A3932, #181608)
- Driftwood Grove color palette (#FAF4ED, #DFE1CC, #9D8156, #59411B, #211A10)
- Weathered Canyon color palette (#E7DFFF, #2FEBF9, #FFA570, #554545, #383235)
- Washed Cerulean color palette (#FBF5E5, #CFC589, #83B6D1, #4C89B2, #34312B)
- Ancient Pewter color palette (#F6F6EC, #A1B888, #57A7B6, #76538C, #2E2110)
- Stone Veranda color palette (#F7F5EF, #D6DCD6, #A7B1BE, #B1B371, #504D44)
Browse the whole catalog at Explore, or see today's palette.