Cocoa Coast color palette — #EEE2D6 · #595D65 · #6C4300 · #151A12 · #050600

Bronze and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#EEE2D6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Graphite (#595D65): a grounded near-black with real depth.
• Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
• Ink (#151A12): quiet, heavy and certain.
• Ink (#050600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Nocturne Cocoa Market color palette (#F5E8D1, #604A00, #364340, #101611, #020800)
• Weathered Garnet Lagoon color palette (#FFE9E1, #4B545A, #94001D, #1F180B, #0B0400)
• Tempered Amber Atelier color palette (#FFE9DC, #B57700, #594F00, #182500, #000501)
• Timeworn Jade Canyon color palette (#F2F8E8, #5CB284, #364D3B, #1A2209, #060501)
• Aged Fern Cabin color palette (#FCF4E7, #C2AD68, #565909, #322A19, #140E09)
• Aged Navy Delta color palette (#F0DEDD, #C08888, #8C5129, #312476, #210013)
• Midnight Pine color palette (#EAEEDB, #00742A, #2C3639, #001617, #000200)
• Tempered Aubergine color palette (#ECE0C7, #7D9862, #005C41, #460254, #010200)

Browse the whole catalog at Explore, or see today's palette.