Cocoa Coast color palette — #FCE3D1 · #664400 · #3D2E00 · #111300 · #010200
Bronze and Espresso set the tone — five colors that lean into optimism and sophistication.
The five colors
- Parchment (#FCE3D1): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Bronze (#664400): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#3D2E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#111300): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#010200): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Shadow Fern Cabin color palette (#E9E8D7, #405700, #103700, #001408, #000201)
- Aubergine Drift color palette (#EDE1C9, #5C4A00, #440098, #261D00, #010008)
- Nightshade Grove color palette (#ECE6CD, #473B00, #170096, #350050, #020100)
- Midnight Corridor color palette (#FBE0E5, #9C030F, #561900, #180800, #030100)
- Nocturne Market color palette (#FFE6EE, #461EF8, #505800, #070D07, #020100)
- Moss Coast color palette (#F2E9D7, #70924A, #007669, #472300, #010200)
- Chalky Bronze color palette (#E5DED1, #927C00, #5C6300, #203B00, #001B08)
- Emerald Thicket color palette (#E7F0E1, #00AC57, #006C51, #004742, #002226)
Browse the whole catalog at Explore, or see today's palette.