Cocoa Pier color palette — #E9F9F8 · #79A484 · #5F6DA2 · #7F3F19 · #284C32
Bronze and Slate set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9F9F8): bright and airy, almost weightless.
- Moss (#79A484): A luminous, dusty teal — the color of glacier melt.
- Slate (#5F6DA2): A full-bodied, balanced violet — the color of twilight just after sunset.
- Bronze (#7F3F19): A full-bodied, balanced orange — the color of toasted spice.
- Deep Olive (#284C32): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Cocoa Pier 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
- Mulberry Ridge color palette (#ECF8F4, #909F71, #3C7895, #7E3953, #3C4820)
- Garnet Chapel color palette (#EEF6FF, #7A9BBE, #84618E, #7D3B4D, #2B4C29)
- Wandering Oat Study color palette (#E4FAFB, #ACCBD7, #8996A9, #856A75, #405247)
- Mulberry Summit color palette (#EAF8FE, #2898A9, #8D457B, #4F4A00, #004144)
- Grape Garden color palette (#E1FBFE, #00927A, #6232BF, #5C3500, #003A2F)
- Timeworn Denim color palette (#D2F3FF, #7DBBD1, #4C91BB, #36609C, #414C6A)
- Petrol Villa color palette (#FAF3F5, #DADDEE, #8399C4, #127D87, #48516F)
- Dusty Cerulean color palette (#E9F4F8, #218C9B, #2D3E4F, #1B2B32, #11161A)
Browse the whole catalog at Explore, or see today's palette.