Softworn Cocoa color palette — #FFE4E7 · #8D5A56 · #682900 · #232200 · #001307

Rust takes the lead with Pewter close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#FFE4E7): A whisper-light, dusty red — the color of embers at dusk.
• Pewter (#8D5A56): A full-bodied, dusty orange — the color of autumn markets.
• Rust (#682900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#232200): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001307): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Ancient Balcony color palette (#FFEBDB, #876739, #4C4000, #002513, #001114)
• Lowlit Corridor color palette (#FCE7FF, #893C57, #542D0D, #001B21, #000304)
• Patina Garnet Alley color palette (#EDDEF2, #905582, #6B0E3D, #381A00, #131200)
• Aged Plum color palette (#EAD7E9, #B65169, #7A4517, #193D25, #001607)
• Charred Terracotta color palette (#F8E7E0, #A74200, #4C1800, #180400, #010200)
• Smoked Terracotta color palette (#E9DBE4, #912300, #2A4800, #400A00, #030800)
• Worn Boulevard color palette (#EFEBFF, #B16D90, #925725, #00535E, #00161A)
• Brick Grove color palette (#F8D7DC, #B30034, #680010, #2E0100, #0A0400)

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