Ash Ridge color palette — #FFF1F0 · #E1D8D0 · #B6AFA3 · #BB8FAD · #59403C

Dusty Rose and Cocoa set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bone (#E1D8D0): a clean, paper-quiet neutral.
• Ash (#B6AFA3): soft and architectural.
• Dusty Rose (#BB8FAD): A luminous, dusty pink — the color of peonies in June.
• Cocoa (#59403C): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

One click turns Ash 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

• Dusty Basin color palette (#FFF2EA, #DED9CC, #99B1B3, #DA8670, #523019)
• Shell Hollow color palette (#F8F5D8, #FFCFCE, #B9B2A9, #55362B, #1B1412)
• Timeworn Garden color palette (#FFF1F3, #E2DAD1, #E1C39C, #7675A0, #5D413C)
• Amber Garden color palette (#FFF2EA, #F6D6BC, #D18A69, #8D5D4F, #36302B)
• Timeworn Garnet Chapel color palette (#F6D9CA, #E8A98B, #C87E24, #7D1622, #030000)
• Hushed Peony color palette (#FFF2EE, #E2D8D0, #C9C694, #D74F85, #501417)
• Powdered Studio color palette (#FFE9EE, #FFADB2, #F7775A, #88255D, #0C0001)
• Patina Lagoon color palette (#FDF3EF, #E9DEB7, #A85F56, #5F2403, #190B06)

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