Worn Cocoa color palette — #F4EBF0 · #C6D5C6 · #8BB09D · #7F3300 · #080004

A conversation between Rust and Sage, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F4EBF0): bright and airy, almost weightless.
• Oat (#C6D5C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8BB09D): A luminous, dusty teal — the color of glacier melt.
• Rust (#7F3300): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#080004): 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 Worn 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

• Softworn Fern Alley color palette (#E6F1EA, #C3D5CF, #82B0AE, #5C4C00, #000401)
• Basalt Villa color palette (#FAE8F0, #B497A1, #678569, #552800, #0B0106)
• Patina Field color palette (#F2EBF5, #DBCAD8, #C099AB, #8E004D, #050107)
• Softworn Bronze Orchard color palette (#E8E0DA, #B4B19E, #9E9B79, #AD5600, #1F1004)
• Muted Courtyard color palette (#D3E7DB, #7E9957, #005E2E, #51062D, #010100)
• Navy Balcony color palette (#FCD5D3, #B2824D, #5E6810, #392A6C, #160012)
• Hazy Rust color palette (#EDE4D7, #CA3F0C, #504200, #180056, #030100)
• Smoked Summit color palette (#DDF0DE, #684600, #444300, #161B14, #050600)

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