Dusty Cocoa color palette — #FFF0FC · #F9BDB7 · #AD736E · #76413C · #4B2E48

Coffee and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Rose Quartz (#F9BDB7): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#AD736E): A luminous, dusty orange — the color of toasted spice.
• Coffee (#76413C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#4B2E48): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

Use it as a design system

One click turns Dusty Cocoa 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 Grove color palette (#F6F3FF, #E1B7D6, #A06E96, #6C4165, #4C2A44)
• Tempered Garnet color palette (#FEEAFF, #F6C1BB, #B3736B, #7C2E2A, #320D0B)
• Patina Terracotta color palette (#FFF2ED, #F9C3C4, #CD857F, #9A4C49, #552828)
• Cocoa Villa color palette (#FFF1F5, #E1C29B, #A1794D, #694914, #4F3511)
• Dusty Quarry color palette (#FEF0FE, #E8D6D8, #BFDFBE, #9A88A8, #564853)
• Driftwood Basin color palette (#FFF1F7, #B5845F, #488B94, #525C87, #4B363F)
• Amber Harbor color palette (#FFDBC4, #D3783A, #854400, #452100, #2C1100)
• Worn Stone Loft color palette (#FCF2F7, #A9CAAF, #735364, #4B2E3D, #2F2021)

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