Softworn Cocoa color palette — #FFF0FA · #E6D6D6 · #DDBBC4 · #A4857C · #7C421C

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

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Silver (#E6D6D6): bright and airy, almost weightless.
• Oat (#DDBBC4): A whisper-light, dusty red — the color of embers at dusk.
• Caramel (#A4857C): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#7C421C): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Bronze Lantern color palette (#FDF0FF, #EEC7C8, #BC938F, #915D29, #533600)
• Chestnut Summit color palette (#F6F3FF, #C8ABD7, #9E7679, #7E503F, #3B2106)
• Dusty Study color palette (#F1F5FF, #BABFDC, #9390B1, #746574, #664B4F)
• Wandering Chestnut Courtyard color palette (#F7E1EB, #BF838C, #8F524B, #433400, #0A0A00)
• Olive Villa color palette (#FFF1F2, #FEAB9F, #BF7E59, #686C18, #284100)
• Weathered Courtyard color palette (#F3F7ED, #BBE1DF, #83BBB1, #798C7B, #404A37)
• Muted Mallow color palette (#FFF1F6, #D4BFFF, #E3A8B4, #66ABD1, #46313A)
• Ash Villa color palette (#FFF1F5, #E7D9E2, #BEA1D6, #755C86, #321F3E)

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