Dusty Vanilla color palette — #FFF7C1 · #FFE6F1 · #D1CFC4 · #573F3D · #2B1F1E

Built around Custard, softened by Cocoa — the whole palette hums with nature and growth.

The five colors

• Custard (#FFF7C1): A whisper-light, dusty green — the color of new leaves after rain.
• Blush (#FFE6F1): A whisper-light, dusty rose — the color of pressed rose petals.
• Oat (#D1CFC4): bright and airy, almost weightless.
• Cocoa (#573F3D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#2B1F1E): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, 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

• Dusty Cocoa color palette (#FFF0FC, #FFEEB6, #FFD1C1, #622C00, #241710)
• Basalt Harbor color palette (#F9E7FF, #D8D2C8, #8D96A4, #53373E, #281F21)
• Washed Corridor color palette (#FFF2EC, #E5D7C8, #E0A283, #AC6212, #553400)
• Aged Terrace color palette (#D3ECF0, #FDC12C, #D4A2FF, #32323E, #1B1B21)
• Muted Mallow Alley color palette (#E2E1FF, #FFC291, #FF9AC0, #4E3D47, #302C32)
• Dusty Cerulean Study color palette (#FDF1F8, #BCBDF4, #78BFA7, #24929C, #3E2B36)
• Muted Veranda color palette (#FCF3F1, #E2D9D1, #DF9D77, #DE738C, #271B12)
• Dusty Stone Ridge color palette (#FBF3F1, #DDD9D3, #AAB9B4, #D69D9E, #544B48)

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