Dusty Cocoa color palette — #FFF2EE · #E4D8C8 · #C2C391 · #BE7D8F · #72341B

Rust takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E4D8C8): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#C2C391): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#BE7D8F): A luminous, balanced red — the color of late-summer berries.
• Rust (#72341B): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Lilac Study color palette (#FFF1F3, #E3D7D2, #E6BA98, #A783BC, #634244)
• Antique Oat Loft color palette (#FFF2EA, #DEDACC, #D1D696, #C68676, #534D47)
• Chestnut Grove color palette (#FFF2E9, #DEDACC, #A4B4CD, #CA9183, #79470F)
• Wandering Chestnut color palette (#FDF4E9, #D0BA9B, #AA885F, #885F38, #403D36)
• Gentle Workshop color palette (#FFF2EB, #FFCBAE, #FFAB3F, #DA4645, #5D280F)
• Softworn Bronze color palette (#F8E0CA, #ABA663, #A48000, #732C00, #130700)
• Softworn Chapel color palette (#FFE3D8, #E5A48F, #D47930, #991237, #350300)
• Patina Studio color palette (#F4DCEF, #D5D14F, #FFA47B, #5B3625, #2E241E)

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