Cocoa Coast color palette — #FCE0D6 · #813D00 · #392400 · #191100 · #020200

A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#FCE0D6): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#813D00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#392400): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#191100): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020200): a grounded near-black with real depth.

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

• Obsidian Chestnut Lagoon color palette (#F0EBDB, #6A5B00, #352D00, #0F1712, #090600)
• Smoked Navy color palette (#D9E8DB, #624700, #00387C, #291C00, #000105)
• Garnet Balcony color palette (#FFE3EA, #970921, #561900, #1F0E00, #020100)
• Timeworn Lantern color palette (#F7E9DD, #A56600, #523600, #241800, #020100)
• Dusty Amber Villa color palette (#FFEAD9, #B07D00, #6C5B00, #313900, #081800)
• Eclipse Lapis color palette (#F3E2F8, #3B2CF4, #585500, #090E08, #010100)
• Moonless Aubergine color palette (#F1EED6, #453C00, #003456, #240064, #020100)
• Cypress Coast color palette (#D2E8D5, #7D8C5E, #007657, #4A1900, #030300)

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