Smoked Cocoa Coast color palette — #F8E7DE · #6D3F00 · #3B2A00 · #141200 · #010200

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

The five colors

• Rose Water (#F8E7DE): A whisper-light, dusty orange — the color of autumn markets.
• Bronze (#6D3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3B2A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#141200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010200): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Smoked 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

• Nightshade Courtyard color palette (#EFE8D8, #594C00, #1300B4, #251E00, #00000C)
• Fern Chapel color palette (#E9EAD1, #646200, #2F3300, #172122, #0B0900)
• Charred Terracotta Corridor color palette (#F7E4E9, #A1001E, #491600, #1B0800, #020100)
• Eclipse Nightshade Station color palette (#E6E0C8, #473B00, #180096, #29005F, #020100)
• Cypress Summit color palette (#F6ECD7, #768F53, #007C64, #472400, #020200)
• Smoked Terrace color palette (#EFDEE5, #4022F9, #555600, #0B0D07, #020100)
• Feathered Moss Harbor color palette (#ECDFCA, #A89B28, #5B7200, #275000, #002918)
• Worn Emerald color palette (#ECF1E1, #00A83B, #007153, #003D35, #002326)

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