Softworn Ridge color palette — #F9F3F7 · #D4D5E3 · #79C7E5 · #249774 · #27425B

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D4D5E3): bright and airy, almost weightless.
• Sky (#79C7E5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#249774): A luminous, balanced teal — the color of sea glass.
• Navy (#27425B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn 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 Periwinkle Alley color palette (#FBF2F8, #D6D4E0, #5EAEE9, #008075, #1E2D4E)
• Aqua Station color palette (#F5F6ED, #C3E6DE, #62CFE3, #4FA9A3, #344F40)
• Ancient Pier color palette (#FAF3F6, #D8D4DF, #C3BEED, #30A4AA, #434D65)
• Aged Cerulean color palette (#E8F5F3, #ADE9EE, #519AA8, #2B6A66, #0A3041)
• Petrol Station color palette (#F9E8F4, #82C2D2, #006F9E, #003F35, #00020C)
• Sunlit Amber Study color palette (#EBFAEF, #E8D298, #93BBFF, #A88500, #24385B)
• Hazy Terrace color palette (#FFF0F8, #9DD4F2, #2C7BD2, #005152, #070331)
• Hushed Pier color palette (#E8FBEC, #BFE8EB, #98BCCC, #CF9373, #284D40)

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