Softworn Cocoa color palette — #FFE3F0 · #F0C4D1 · #CFA4A9 · #A38B7F · #733F08

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

The five colors

• Blush (#FFE3F0): A whisper-light, dusty rose — the color of strawberry cream.
• Oat (#F0C4D1): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#CFA4A9): A luminous, dusty red — the color of a theater curtain.
• Caramel (#A38B7F): A luminous, dusty orange — the color of autumn markets.
• Bronze (#733F08): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. 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

• Muted Petal color palette (#D8FFF4, #EFCAEA, #CEADC2, #AA8686, #614C48)
• Muted Bronze color palette (#FDDCD4, #F2ADA4, #BFA08B, #958038, #4F4B00)
• Tempered Olive Summit color palette (#D0FCF0, #D1C3F6, #BD8E8D, #787D36, #505502)
• Apricot Drift color palette (#FFDFDC, #E19071, #A1785A, #5B6C32, #112F0E)
• Ancient Veranda color palette (#F1F5FF, #E0D6E6, #AFA5C3, #62816D, #2C534A)
• Faded Lilac Lantern color palette (#E5DAF2, #B27BBA, #9B5D84, #7A4228, #321B00)
• Taupe Orchard color palette (#F8F6E9, #C8DDB2, #91B986, #839682, #494400)
• Pale Dune color palette (#ECE3FF, #DAADFF, #CA92E8, #9A70A1, #5F405C)

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