Worn Ridge color palette — #FFF1F6 · #6BC2F4 · #3A66CD · #005651 · #36265F

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#6BC2F4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#3A66CD): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#36265F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Petrol Garden color palette (#FFF0FB, #41CCE1, #0076AB, #00593B, #1A2D69)
• Washed Cobalt Pier color palette (#F0F4E7, #8AC3EA, #0075C2, #004E65, #00193B)
• Tempered Ultramarine Drift color palette (#F0E2E7, #57A7DE, #3449B5, #003E3D, #261143)
• Tempered Alley color palette (#E2FBFA, #92D3FF, #0B92EA, #006E8C, #003167)
• Wandering Harbor color palette (#D1EFEC, #009EAE, #006E9B, #0033B1, #37236B)
• Softworn Harbor color palette (#E0EDFF, #4096FF, #004AC1, #002E63, #001539)
• Worn Peony Harbor color palette (#E9F8FF, #BCC0FF, #E46BC0, #006C5F, #1B3A5B)
• Cerulean Grove color palette (#FAF2FA, #A8EBE9, #4396B2, #406F46, #334A62)

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