Softworn Cocoa color palette — #F4D9E7 · #665200 · #7C3600 · #271D0E · #090500

Built around Rust, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F4D9E7): A whisper-light, dusty rose — the color of strawberry cream.
• Coffee (#665200): A full-bodied, balanced green — the color of fresh herbs.
• Rust (#7C3600): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#271D0E): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#090500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Smoked Cocoa color palette (#DFF0E1, #654700, #2F3029, #0B181A, #050600)
• Midnight Bronze color palette (#F0DCCD, #A54F00, #4A2900, #1A1C11, #0F0400)
• Wandering Amber color palette (#FEE2E5, #C87C47, #645900, #1E275E, #0E062C)
• Muted Veranda color palette (#EFF8EE, #D7A364, #415B4F, #252E24, #130E11)
• Worn Station color palette (#DDEADE, #A57400, #5C31F8, #503600, #010009)
• Washed Summit color palette (#E0FEE9, #AE8F00, #2D4408, #001B0C, #040102)
• Patina Aubergine Coast color palette (#ECE2D4, #875F00, #0057A6, #5A0097, #020100)
• Tempered Moss color palette (#E3FBF6, #70B256, #224E52, #0B231F, #020704)

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