Softworn Cocoa Ridge color palette — #ECDEE6 · #B89CA6 · #798C7C · #752A00 · #11050D

Rust takes the lead with Taupe close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#ECDEE6): a clean, paper-quiet neutral.
• Taupe (#B89CA6): A luminous, dusty rose — the color of a warm blush.
• Eucalyptus (#798C7C): A luminous, dusty green — the color of fresh herbs.
• Rust (#752A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#11050D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn Cocoa 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

• Softworn Garnet color palette (#ECE5ED, #B59CAF, #9E7A8C, #781F34, #0F0511)
• Cocoa Summit color palette (#E2EBE2, #97AA9D, #6E8F82, #5E3D00, #020D03)
• Weathered Grove color palette (#EFE6EB, #A6949A, #5D7867, #4F1400, #10050D)
• Worn Balcony color palette (#F1E6E0, #A2A194, #878D70, #A93800, #140500)
• Weathered Cocoa color palette (#F4E9E2, #C6B8AB, #A78C6F, #632700, #030100)
• Chestnut Boulevard color palette (#DFE7E0, #B6CAC0, #90ACA4, #775C10, #142318)
• Olive Courtyard color palette (#D0ECDA, #737C00, #2C5100, #471C1A, #000805)
• Washed Corridor color palette (#ECD8DF, #FF4734, #A96200, #676100, #050200)

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