Dusty Cocoa color palette — #FCF2F9 · #D3A475 · #7F392D · #3F2339 · #24191B

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

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Camel (#D3A475): A luminous, balanced gold — the color of honey in a jar.
• Rust (#7F392D): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3F2339): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#24191B): quiet, heavy and certain.

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

• Ancient Chestnut Balcony color palette (#EEF9ED, #C7AA78, #704700, #412800, #1B251A)
• Terracotta Field color palette (#FAF3F6, #DE9D7B, #8D6800, #984300, #1B281D)
• Worn Chapel color palette (#FFF2EE, #D0C776, #A05962, #583A31, #2D1D19)
• Softworn Alley color palette (#FAF2FC, #C9DFA9, #C47D8B, #705A74, #271E29)
• Amber Summit color palette (#F2DEE8, #C68200, #5F2900, #2F1100, #1E0514)
• Bronze Veranda color palette (#FFEDD9, #CEAA68, #907300, #594E00, #1A421A)
• Bronze Thicket color palette (#F1E0EA, #975D00, #2F2E1F, #370D00, #0D0100)
• Hushed Basin color palette (#FAF3F5, #CED9DB, #ABC3BE, #99683B, #4D4548)

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