Worn Cocoa color palette — #FFF0F8 · #C399AB · #92674F · #7A3F2A · #52323E

Built around Bronze, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Mauve (#C399AB): A luminous, dusty rose — the color of pressed rose petals.
• Walnut (#92674F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#7A3F2A): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal (#52323E): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Antique Garnet Corridor color palette (#F4E2EC, #B3889C, #8D5235, #76250B, #472332)
• Timeworn Cocoa Hollow color palette (#FFF1F5, #96AF96, #8D6B45, #764316, #2C4431)
• Aged Terracotta color palette (#F6EAFF, #E09EAE, #B05A67, #92272B, #771304)
• Amber Courtyard color palette (#FFF2EA, #DAB790, #C17C58, #8C5957, #403D36)
• Feathered Harbor color palette (#F5F4FB, #CC9BCE, #9D5470, #8C3392, #2A1F30)
• Antique Cocoa Quarry color palette (#F2D5E1, #996B3A, #693600, #441900, #211300)
• Amber Workshop color palette (#F8D8B2, #AF863A, #7E5000, #5A3000, #352700)
• Muted Grove color palette (#F4F4FD, #D89E94, #604373, #382445, #221726)

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