Dusty Vanilla color palette — #FFF1F5 · #FAE9BC · #E5D5D5 · #BA9EB7 · #5C4B4D

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Custard (#FAE9BC): A whisper-light, dusty gold — the color of old brass.
• Silver (#E5D5D5): a clean, paper-quiet neutral.
• Mauve (#BA9EB7): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#5C4B4D): A full-bodied, dusty red — the color of embers at dusk.

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

Use it as a design system

One click turns Dusty Vanilla 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

• Antique Lichen Study color palette (#FFF0F8, #E2FFDE, #E5D9D4, #84A79D, #59484C)
• Dusty Cocoa Ridge color palette (#FFF2EE, #E0DBCE, #A9D8B4, #B4878E, #784014)
• Honey Alley color palette (#FFF1F3, #E8D6CC, #FEB863, #847FC0, #5D3431)
• Tempered Blush Courtyard color palette (#FFF2EF, #F1859B, #59ACA3, #498780, #4B3834)
• Dusty Meadow color palette (#FFF1F2, #D989B9, #488AB8, #456C8E, #263732)
• Timeworn Oat Thicket color palette (#FFF1F2, #B9DDAC, #986D8D, #614446, #332829)
• Bronze Studio color palette (#FAF5E7, #BDD3A8, #A39D6F, #996930, #3E4F05)
• Chartreuse Corridor color palette (#D0E8FF, #BFEB52, #C5C3FF, #53454D, #382F34)

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