Softworn Ridge color palette — #F9F3F7 · #D3D7EE · #64A5B3 · #507A5F · #425563

A conversation between Blue Fog and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#D3D7EE): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#64A5B3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#507A5F): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#425563): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Turquoise Field color palette (#EEF8F5, #CEE1F2, #7FBEC1, #5B9386, #3D5762)
• Aged Villa color palette (#F2F2EA, #C3E6DB, #6AA9AC, #5D7252, #293B2E)
• Blush Lantern color palette (#E7F9FF, #64C1C6, #CF7C8E, #008288, #59445E)
• Timeworn Cerulean color palette (#E7DCE5, #3E9EAD, #00516D, #003126, #00142D)
• Washed Cobalt Harbor color palette (#FFF0FA, #9ADAE9, #0089C0, #006858, #22406A)
• Worn Market color palette (#E4FAFF, #53A8A5, #C16C80, #A26545, #31464C)
• Wandering Driftwood color palette (#FFF0F7, #A6C0A6, #9F765C, #71516C, #3D4C42)
• Ancient Petrol Cabin color palette (#F8EAF1, #8FB7D0, #006CB0, #00504C, #1F2B4F)

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