Softworn Cocoa color palette — #FFF0FB · #D8BECB · #C394A3 · #9F6A70 · #763A1A

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Oat (#D8BECB): A whisper-light, dusty rose — the color of pressed rose petals.
• Dusty Rose (#C394A3): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#9F6A70): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#763A1A): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Weathered Pewter Atelier color palette (#D4F8E8, #AAD2C7, #AF99AA, #906B70, #624847)
• Bronze Drift color palette (#F7DDFF, #D9ADCD, #C981A0, #A0581A, #634517)
• Tempered Driftwood Loft color palette (#F3E7F6, #C091B4, #AB6D86, #7B522F, #493000)
• Antique Summit color palette (#EDF7FF, #D8D8F3, #A3B2D7, #8A8097, #5D4C63)
• Patina Pewter color palette (#FFD7D0, #CAAA9F, #A58370, #766C33, #3B4716)
• Indigo Lagoon color palette (#FEF1FA, #A2B5EE, #E18696, #5975E8, #662D39)
• Driftwood Ridge color palette (#F7E1FF, #986B8E, #714559, #462100, #1E1100)
• Patina Orchard color palette (#E2FAE0, #A1C6B7, #7D7FAD, #7F5E16, #615000)

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