Dusty Cocoa Coast color palette — #F9E2D1 · #B2764A · #7D3500 · #400E00 · #020100

Rust and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F9E2D1): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B2764A): A luminous, balanced gold — the color of honey in a jar.
• Rust (#7D3500): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#400E00): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Driftwood Chapel color palette (#F6EBDA, #97853D, #624900, #2F1D00, #010100)
• Terracotta Workshop color palette (#FFDEC8, #C38C68, #95451A, #591806, #080200)
• Gentle Corridor color palette (#FFF3E9, #E7AE70, #B96600, #7B3600, #241500)
• Muted Raspberry Studio color palette (#FFE2EF, #D25085, #95003A, #48000D, #040000)
• Bronze Chapel color palette (#FDF5DE, #B3B87B, #817920, #554500, #101500)
• Feathered Amber Drift color palette (#FFF4DF, #DCD292, #AA8F3A, #7B5900, #2B2A00)
• Powdered Grape Pier color palette (#F6DDE5, #8700C6, #940409, #002C3D, #020006)
• Inked Ember color palette (#FEE5EC, #E05F4B, #42005D, #100403, #030005)

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