Dusty Cocoa color palette — #F6EAF1 · #DCCAD0 · #8EAF9B · #872900 · #070005

Rust takes the lead with Sage close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#F6EAF1): bright and airy, almost weightless.
• Oat (#DCCAD0): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#8EAF9B): A luminous, dusty teal — the color of shallow lagoons.
• Rust (#872900): A full-bodied, balanced orange — the color of sun-warmed clay.
• Black (#070005): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: 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

• Softworn Cocoa color palette (#EAF0E9, #C5D4CB, #82B2A5, #6C4300, #000400)
• Tempered Mulberry Loft color palette (#F2EBF3, #DDC9D6, #C09AA7, #91003D, #060108)
• Wandering Cocoa color palette (#ECDCE4, #B098A2, #92717C, #5B2300, #0A0206)
• Garnet Alley color palette (#F0DFD6, #BBA58E, #997B35, #641A00, #1E1008)
• Navy Corridor color palette (#F5E1E3, #BD856A, #6A5D2A, #1C2D6D, #1C0027)
• Fern Coast color palette (#EFF7F4, #CADEE4, #A3C1C5, #5C6700, #01110B)
• Forest Boulevard color palette (#CEE9D6, #879656, #005F17, #520035, #010100)
• Cocoa Terrace color palette (#F9DEE7, #6D4200, #484200, #171B14, #060600)

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