Cocoa Pier color palette — #F7E9DA · #6D4000 · #004730 · #2E1800 · #000201
A conversation between Bronze and Forest, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#F7E9DA): A whisper-light, dusty gold — the color of old brass.
- Bronze (#6D4000): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#004730): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#2E1800): A deep, shadowed, dusty gold — the color of old brass.
- Black (#000201): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Midnight Fern color palette (#F3EFD8, #485300, #00434F, #1C2100, #000102)
- Moonless Garnet Summit color palette (#F6DCCF, #88230A, #274500, #3D0700, #010200)
- Smoked Garnet Market color palette (#F2E9DC, #654500, #6A0052, #2B1B00, #040002)
- Faded Garnet Harbor color palette (#EDECD1, #466700, #8C0B00, #1E3000, #0A0000)
- Moonless Pier color palette (#F1DFE6, #7A3F00, #003A82, #341800, #000516)
- Olive Courtyard color palette (#F6E7D4, #A58F43, #767100, #492900, #040200)
- Velvet Fern Pier color palette (#CAE3F2, #006D6A, #495A00, #070E09, #010100)
- Nightshade Balcony color palette (#F3E1D2, #B15F1A, #0833B5, #451F00, #00000B)
Browse the whole catalog at Explore, or see today's palette.