Dusty Cocoa color palette — #F7EAF1 · #DBCBD1 · #BE9BA6 · #7E3400 · #080004

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

The five colors

• Blush (#F7EAF1): a clean, paper-quiet neutral.
• Oat (#DBCBD1): a clean, paper-quiet neutral.
• Mauve (#BE9BA6): A luminous, dusty rose — the color of pressed rose petals.
• Rust (#7E3400): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#080004): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Weathered Drift color palette (#F1ECF3, #D8CBD9, #B89CB5, #8D0B4A, #050108)
• Cocoa Delta color palette (#EAF0EA, #C7D3CA, #93AD9E, #674600, #000400)
• Washed Garnet color palette (#F0E1D8, #AC9D8D, #947831, #601C00, #0B0200)
• Antique Atelier color palette (#F4E8EF, #BEABA8, #95AA7F, #BA481B, #1F0C19)
• Worn Lantern color palette (#EDF8F4, #C8DEE3, #A4C2BE, #526A00, #01100C)
• Ancient Cabin color palette (#DFFADC, #FFA368, #CF8400, #725F00, #020100)
• Worn Moss color palette (#CFE8DA, #909441, #455500, #422200, #010100)
• Timeworn Terrace color palette (#DEEBE2, #A16800, #504100, #002216, #020100)

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