Dusty Cocoa color palette — #FCF3EF · #DADAD0 · #B8B3A1 · #8E5042 · #602700

Rust and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#DADAD0): a clean, paper-quiet neutral.
• Stone (#B8B3A1): A luminous, dusty green — the color of new leaves after rain.
• Coffee (#8E5042): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#602700): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Patina Mulberry color palette (#FCF3F2, #DED8D0, #BFB0A2, #8B4B6F, #433737)
• Chestnut Pier color palette (#FCF4E9, #D9D3BA, #A2AC83, #7A5100, #37322C)
• Antique Terrace color palette (#EFE5DF, #C3B7A6, #948F70, #732B00, #2D1A0D)
• Muted Grove color palette (#F7F5EE, #CFE0D1, #B2C1AF, #6E7000, #4D3F00)
• Hushed Driftwood color palette (#F8F5EE, #D7DCD5, #A3AEB2, #908055, #575249)
• Muted Spruce color palette (#E6E3DC, #9B9C87, #66775B, #332B00, #0E0800)
• Cypress Terrace color palette (#FFF3E2, #A29C73, #34714F, #643E4A, #36362F)
• Muted Olive color palette (#FFDBD9, #BA9976, #7B782E, #515378, #533949)

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