Cocoa Coast color palette — #E1E6D0 · #B8D0B1 · #89B6A8 · #A17963 · #644100
Bronze takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Parchment (#E1E6D0): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B8D0B1): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#89B6A8): A luminous, dusty teal — the color of sea glass.
- Mocha (#A17963): A luminous, dusty gold — the color of old brass.
- Bronze (#644100): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Worn Basalt color palette (#DAE8CE, #A4CEB5, #93A5CD, #9C825D, #3D451E)
- Ancient Driftwood Parlor color palette (#F4EDCD, #C9C5A5, #9FB190, #A26891, #663A2D)
- Wandering Fern color palette (#ECFAEA, #CFE4D6, #D4BFCF, #BA9D7B, #585200)
- Antique Teal color palette (#F5F7E8, #BED2A8, #54B2AF, #69905B, #333730)
- Wandering Pewter Coast color palette (#D1E9FE, #A2B3C8, #828FAE, #875E78, #653B48)
- Patina Cobalt Atelier color palette (#D5EBE2, #659FA5, #4B7BC1, #804B00, #1B1F00)
- Hushed Cerulean color palette (#DBEAE2, #77A6B5, #5D7DA0, #5F4656, #3C1D32)
- Antique Villa color palette (#D4EED9, #618EBC, #725D94, #4A4D00, #001905)
Browse the whole catalog at Explore, or see today's palette.