Worn Ridge color palette — #F9F3F7 · #D2E1F9 · #7CC5FF · #58AB8C · #394864

Built around Sky, softened by Jade — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#D2E1F9): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7CC5FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Jade (#58AB8C): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#394864): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Pale Mallow color palette (#E3FAFD, #87E0C6, #F6AAF5, #00AC8D, #453C5C)
• Hushed Courtyard color palette (#F8F4EE, #C2E5E2, #65AFD4, #198C89, #2A5047)
• Washed Meadow color palette (#FEF1F6, #B2E1FF, #82A7FF, #009892, #392167)
• Aged Loft color palette (#DEFCFB, #CDDEEE, #9CD8C6, #B9B6AB, #2F4F54)
• Worn Cornflower color palette (#FBE8F1, #73BBD8, #0781F1, #006F5F, #120240)
• Hushed Forest Thicket color palette (#E9E0E8, #5FAFB5, #007FA8, #006132, #00081E)
• Mint Lantern color palette (#E1FBFF, #8EF0DA, #3BCDA9, #319478, #00362E)
• Tempered Cypress Station color palette (#F8F0EC, #C6E5D2, #6394B5, #006E61, #3C203B)

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