Cocoa Lagoon color palette — #FFEDD8 · #5E3B00 · #18201A · #120E00 · #020100
Bronze and Cream set the tone — five colors that lean into optimism and sophistication.
The five colors
- Cream (#FFEDD8): A whisper-light, dusty gold — the color of old brass.
- Bronze (#5E3B00): A deep, shadowed, balanced gold — the color of honey in a jar.
- Onyx (#18201A): quiet, heavy and certain.
- Ink (#120E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Cocoa Lagoon 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
- Muted Cabin color palette (#F2EEDB, #7F8C00, #3C3F00, #211E14, #0E0C08)
- Smoked Chestnut Cabin color palette (#FAE2C8, #855200, #293631, #111400, #020100)
- Midnight Garnet Lagoon color palette (#FBDACE, #830014, #1A1D15, #1D0700, #040000)
- Lowlit Forest color palette (#EBF0D9, #006729, #273233, #101F02, #050600)
- Garnet Bloom color palette (#EFF3D3, #585E00, #005374, #6F0040, #030400)
- Faded Grape Meadow color palette (#F3ECD7, #736F00, #5A36BC, #3B3800, #090023)
- Tempered Turquoise Balcony color palette (#EFE6D7, #3CABCE, #005F8A, #00393B, #000B1D)
- Hushed Bronze color palette (#FFDFC8, #997B25, #4D5E34, #003352, #0E0E2F)
Browse the whole catalog at Explore, or see today's palette.