Worn Ridge color palette — #F0F6FC · #DBD9E4 · #C5BCCB · #4E799B · #3F4952

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DBD9E4): a clean, paper-quiet neutral.
• Stone (#C5BCCB): A luminous, dusty violet — the color of wild irises.
• Slate (#4E799B): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3F4952): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Worn Cobalt color palette (#F5F0F5, #DDD4D6, #CCB6BA, #4778AB, #312932)
• Tempered Stone color palette (#E0F2FF, #A7B4D2, #89819A, #4C6C66, #345259)
• Weathered Navy Lagoon color palette (#E3ECF8, #A4A9B7, #7D7C94, #00366F, #041427)
• Weathered Delta color palette (#EEF9EC, #B8B184, #687B48, #4A5979, #31493B)
• Timeworn Drift color palette (#E9E6EE, #C0B4C4, #9F8599, #652960, #221B2F)
• Worn Indigo Courtyard color palette (#DAE5FB, #5968BF, #302F48, #181F2D, #0B0C15)
• Ultramarine Alley color palette (#EFF6FF, #CDD1E6, #A8A1C2, #284EBE, #273347)
• Misty Market color palette (#F0F5FF, #7BE6FF, #99BBFF, #A76EA5, #3A3255)

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