Softworn Ridge color palette — #FDF1F8 · #CEE1CF · #AB7865 · #593B4F · #20191D

Mocha and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Celadon Mist (#CEE1CF): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#AB7865): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#593B4F): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#20191D): quiet, heavy and certain.

Feels like: Optimism, 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

• Wandering Corridor color palette (#F0F8F0, #B5E3ED, #A37E4E, #394C38, #171D17)
• Sand Corridor color palette (#FBF2F9, #E0E3AB, #C38F89, #796676, #31282F)
• Ancient Station color palette (#F9F0EB, #D1C29D, #805549, #512100, #1B110C)
• Timeworn Olive color palette (#EAFAF2, #FFE2A5, #7D7A2E, #184131, #08120D)
• Washed Station color palette (#FAF3F6, #E4DED2, #9EBA73, #C68B62, #14221E)
• Worn Ridge color palette (#DEF5E6, #CB990A, #473B00, #1A2127, #0A0700)
• Inked Bronze Boulevard color palette (#FFE5F1, #9A7300, #1A2B26, #2F1200, #030100)
• Straw Cabin color palette (#FFF1F6, #FED273, #9A5800, #462500, #130208)

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