Worn Ridge color palette — #F1F2FF · #D8BAF0 · #B58DC4 · #8E678F · #544A67

Mauve takes the lead with Lavender close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F1F2FF): bright and airy, almost weightless.
• Lavender (#D8BAF0): A whisper-light, balanced violet — the color of wild irises.
• Mauve (#B58DC4): A luminous, balanced pink — the color of a candy shop window.
• Slate (#8E678F): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#544A67): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Sky Field color palette (#F5F3FF, #DCB4E6, #6DBEDB, #A47BAE, #325263)
• Muted Wisteria Coast color palette (#FFF1F6, #EBD5E3, #C991E1, #8F6794, #65464A)
• Periwinkle Orchard color palette (#EFF6FF, #B5CEFF, #8A9EDB, #6D76A9, #434B67)
• Muted Blush color palette (#F9F2FF, #F8B5C9, #D28797, #A4656B, #5B445A)
• Wandering Mallow Quarry color palette (#F7F3FF, #D89BC5, #D59275, #8390BE, #463F50)
• Hushed Lantern color palette (#F7F3FF, #E4D5DE, #B8B3A9, #A9A2C3, #534B5C)
• Pale Cabin color palette (#F6DDE9, #EC87AD, #CA5D7C, #9D3F51, #58272B)
• Softworn Grove color palette (#F5E6F5, #F382E2, #D048A7, #A11E6D, #6A1A41)

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