Softworn Ridge color palette — #FFF1F6 · #D0B9FF · #B98900 · #22A42C · #31204C

A conversation between Kelly Green and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#D0B9FF): A whisper-light, balanced violet — the color of a velvet chair.
• Mustard (#B98900): A luminous, balanced gold — the color of afternoon light on wheat.
• Kelly Green (#22A42C): A luminous, vivid green — the color of a quiet forest floor.
• Deep Indigo (#31204C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged warm.

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

• Weathered Moss color palette (#FFF0F9, #A5A9FF, #DE9510, #549F00, #252550)
• Powdered Moss Delta color palette (#FFF1F4, #E9ACFF, #A09500, #00A07E, #382041)
• Patina Wisteria Courtyard color palette (#FFF1F4, #C68AED, #B59000, #008C6E, #022543)
• Faded Bloom color palette (#FEF0FF, #73B7FF, #FF7844, #9F8700, #0D2D4C)
• Gentle Blush Thicket color palette (#FFF4E2, #F49FE4, #F6677C, #24922D, #54203C)
• Hazy Lagoon Basin color palette (#FFF1F1, #E99ECB, #95BB77, #00A4A7, #48292A)
• Soft Grove color palette (#FFF1F3, #C96FCB, #D35D36, #007A34, #3E1C3F)
• Emerald Summit color palette (#FFDBD4, #FF90AB, #009D4C, #00899A, #3F0319)

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