Cocoa Pier color palette — #FFEBDF · #643C00 · #002C05 · #110026 · #020100
Bronze takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFEBDF): A whisper-light, dusty gold — the color of old brass.
- Bronze (#643C00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#002C05): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#110026): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, 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
- Fern Parlor color palette (#FFE7E9, #414D00, #002929, #1B0010, #000200)
- Eclipse Boulevard color palette (#FFE3D6, #6F1300, #002423, #16000A, #030200)
- Cellar Drift color palette (#FAEED7, #776100, #1E3A00, #000532, #010100)
- Inked Lagoon color palette (#F7EFD0, #374145, #2B2C00, #0F1612, #000301)
- Smoked Onyx Field color palette (#F3DED4, #565B21, #004433, #300427, #0A0007)
- Linen Chestnut Thicket color palette (#FFE0F3, #964D00, #284700, #320045, #060300)
- Weathered Abyss color palette (#F4DFD6, #3F848D, #00415C, #002111, #00010A)
- Scarlet Boulevard color palette (#F0E6C5, #DE2709, #6E6600, #004A46, #000200)
Browse the whole catalog at Explore, or see today's palette.