Dusty Boulevard color palette — #F0F7F1 · #E7DFB0 · #B1BC8C · #9399AF · #405248

Built around Sage, softened by Celadon Mist — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Celadon Mist (#E7DFB0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#B1BC8C): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#9399AF): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#405248): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Seafoam Courtyard color palette (#E8FAF6, #A7E6BE, #7ABBA8, #9B88A5, #2C4847)
• Softworn Stone Grove color palette (#FDF0FD, #D9D9CD, #D7B1C7, #9CAAC2, #564752)
• Clover Parlor color palette (#E4FCEC, #D0D672, #87B650, #957EA4, #1D4335)
• Weathered Seafoam Harbor color palette (#FDF0FE, #FFC2C9, #7BDAD1, #D2959D, #33535A)
• Driftwood Study color palette (#F6F1E9, #CEC2A4, #83875C, #795851, #33312A)
• Muted Stone color palette (#FFF0FC, #F2D7C3, #EDA79D, #AD7B76, #4B3247)
• Feathered Lime Bloom color palette (#D8EAE0, #AAC764, #67A25D, #89678D, #063127)
• Tempered Garden color palette (#CEECE3, #6ABE6E, #009668, #85506E, #00201E)

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