Softworn Ridge color palette — #F1F5FF · #BCCB9D · #6A6BA2 · #3C3B6E · #1C212E

A conversation between Navy and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Pistachio (#BCCB9D): A luminous, dusty green — the color of fresh herbs.
• Slate (#6A6BA2): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3C3B6E): A deep, shadowed, balanced violet — the color of wild irises.
• Midnight (#1C212E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Worn Basalt Meadow color palette (#F4F4FD, #A8DCDE, #87749A, #574369, #2A2A38)
• Timeworn Celadon Ridge color palette (#FEF1FA, #CBF4B7, #6273AB, #482F42, #150C13)
• Timeworn Sand color palette (#F2F5FF, #F2D18B, #968BC8, #5B617C, #1F212A)
• Navy Workshop color palette (#FCF2F7, #C6AB73, #534584, #412333, #261617)
• Patina Plum Market color palette (#F6F3FF, #80CEA2, #99418F, #5B1E54, #1E152D)
• Weathered Lantern color palette (#F5F4FB, #E1D8DC, #D3BBBE, #AD79B7, #484554)
• Driftwood Thicket color palette (#E1FCF6, #A7AAEB, #B86A86, #007080, #3B3A53)
• Timeworn Indigo color palette (#F3F5FC, #C0BCFD, #C77756, #7C6BDF, #321C2A)

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