Dusty Ridge color palette — #F9F2FB · #FFB3C1 · #D08551 · #756C2B · #373550

Built around Mustard, softened by Ballet Pink — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F2FB): bright and airy, almost weightless.
• Ballet Pink (#FFB3C1): A whisper-light, balanced red — the color of a theater curtain.
• Mustard (#D08551): A luminous, balanced gold — the color of old brass.
• Olive (#756C2B): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#373550): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Taupe Archive color palette (#FCF2F7, #F9BCA1, #B29744, #517648, #0A4049)
• Worn Blush color palette (#F5F4FF, #E3BAF0, #D57B8F, #8C5F42, #283951)
• Aged Bloom color palette (#F4F4FF, #E0B3F7, #C6A375, #4F9492, #234854)
• Wandering Blush Pier color palette (#FBF1FF, #EFD6CD, #F78D96, #A2635E, #5F465A)
• Faded Lagoon color palette (#FFF1F7, #E29050, #837800, #005A25, #002121)
• Ash Drift color palette (#FDEEEF, #BB8AB0, #8C6A47, #1F593C, #351D38)
• Tempered Coral color palette (#FFF0FB, #FF866E, #A27500, #3A5D00, #400030)
• Ember Pier color palette (#FFF0F9, #E2693C, #7D5E00, #224200, #1E0014)

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