Softworn Ridge color palette — #FCF1F9 · #CEDAF1 · #84C6DE · #5B8F78 · #294258

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

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Powder Blue (#CEDAF1): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#84C6DE): A luminous, dusty blue — the color of deep harbor water.
• Fern (#5B8F78): A luminous, dusty teal — the color of sea glass.
• Navy (#294258): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Sky Archive color palette (#FCF1F9, #CCDCF4, #00C2E7, #008C5C, #003957)
• Hushed Powder Thicket color palette (#FBF2F6, #D8D4DF, #C2BFEF, #619EA0, #444D62)
• Hushed Ash color palette (#E8F8FF, #D9DBE6, #B6ABA5, #80B4A0, #2F4350)
• Cypress Coast color palette (#F8F5EF, #CAE5CD, #5295A7, #007361, #1C4E65)
• Gentle Pier color palette (#E8F8FF, #59EBFE, #F6A09B, #1D9BA9, #492D47)
• Hushed Petrol Atelier color palette (#F7E9F3, #6BC6D9, #00709C, #003F34, #00020B)
• Cobalt Hollow color palette (#FDF1F7, #93D6F6, #367DC5, #005150, #05052C)
• Gentle Seafoam color palette (#DAFFEE, #46F4DA, #00B7B9, #2D7F96, #1F455D)

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