Dusty Cocoa color palette — #FFF2EF · #E7D9C3 · #C9D794 · #C798C2 · #672B11

A conversation between Rust and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E7D9C3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#C9D794): A whisper-light, balanced green — the color of new leaves after rain.
• Mauve (#C798C2): A luminous, dusty pink — the color of neon signs at night.
• Rust (#672B11): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. 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 Veranda color palette (#FFF1F4, #EED3D1, #E5C19D, #A6A1DE, #543635)
• Muted Thicket color palette (#FFF2EC, #E1DFC1, #C4E084, #DE8B9B, #403B35)
• Patina Cocoa Boulevard color palette (#FFF2ED, #E0D8CF, #96C1B6, #BD888E, #582400)
• Dusty Chestnut Balcony color palette (#FDF3EA, #DDE3CA, #C0C5D0, #D4AD9C, #714A00)
• Hushed Apricot Hollow color palette (#FFF0FD, #ECDAC7, #FAB082, #C16F7B, #4C3747)
• Misty Seafoam color palette (#FFF3E2, #EAF9A3, #55FABE, #E49570, #4D4A1A)
• Timeworn Atelier color palette (#FFE6DE, #FEB67F, #CBB700, #C965A0, #3A1C06)
• Muted Amber color palette (#F4E6D4, #D0C283, #C79341, #9F6C4F, #32312A)

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