Softworn Ridge color palette — #FFF1F2 · #E2D8D1 · #ACB6AF · #B499C2 · #543C3A

A conversation between Mauve and Cocoa, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#E2D8D1): a clean, paper-quiet neutral.
• Ash (#ACB6AF): soft and architectural.
• Mauve (#B499C2): A luminous, dusty violet — the color of wild irises.
• Cocoa (#543C3A): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, 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

• Tempered Cocoa color palette (#FFF2ED, #E0D9CE, #98B2B5, #CF9E97, #723A0F)
• Ancient Ridge color palette (#F8F2FF, #E4D5DD, #E4B4C6, #9A6B96, #50435C)
• Weathered Bronze Atelier color palette (#FFF2EA, #FFD3AD, #C1927A, #975839, #35312B)
• Patina Boulevard color palette (#FFF1F5, #E4D9D3, #E5CE97, #B46AA0, #491F25)
• Aged Ridge color palette (#FFF2ED, #FF8B8E, #65B08F, #327B9F, #351E16)
• Softworn Vanilla Courtyard color palette (#EBF7FF, #FFEEAE, #FFCED7, #4D3834, #1F1311)
• Tangerine Lagoon color palette (#FFE4EF, #FFBCC1, #F47645, #7A397C, #1A0008)
• Powdered Ridge color palette (#FFE8E6, #FF955A, #B68203, #702340, #050000)

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