Dusty Cocoa color palette — #FFF2EF · #FBF9BE · #E1D8CF · #B49AC4 · #6E3116

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Custard (#FBF9BE): A whisper-light, dusty green — the color of a quiet forest floor.
• Bone (#E1D8CF): bright and airy, almost weightless.
• Mauve (#B49AC4): A luminous, dusty violet — the color of a velvet chair.
• Rust (#6E3116): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Dusty Corridor color palette (#FFF1F3, #E3D6D2, #A4BBB3, #929ECE, #543835)
• Coral Drift color palette (#FFF2E9, #DBF9C6, #A2EFEA, #CE737E, #553600)
• Softworn Shell Parlor color palette (#DDF2FF, #FFCDDC, #C6BAB7, #503633, #1D1413)
• Gentle Chartreuse Balcony color palette (#FFF2EE, #E0DDCE, #A1EE5A, #C55CB6, #492111)
• Patina Driftwood color palette (#FFF3E6, #BDE8D0, #CFC7D5, #BA7969, #34312A)
• Oat Delta color palette (#FCF0FF, #EBD4D5, #DBC493, #8F6C8E, #604A5C)
• Aged Amber Archive color palette (#FFF3E5, #E5DFB0, #C59351, #915B49, #32322B)
• Patina Study color palette (#FFF2EE, #F1939E, #00AFD5, #8E5F8E, #331F19)

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