Softworn Cocoa color palette — #FFF1F1 · #E7AABA · #BD7678 · #8D544B · #774113
Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Ballet Pink (#E7AABA): A luminous, dusty red — the color of embers at dusk.
- Dusty Rose (#BD7678): A luminous, balanced red — the color of a theater curtain.
- Coffee (#8D544B): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#774113): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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
- Patina Bronze color palette (#FFF0EB, #E5A492, #AC7251, #82552D, #4E4D46)
- Muted Summit color palette (#FFF1F6, #CDACDA, #AA79A8, #83506E, #794315)
- Cocoa Quarry color palette (#FFF2EC, #DFDBCD, #C5C7A1, #A67E75, #794017)
- Timeworn Rust color palette (#FFF2ED, #DD9D98, #5EA7A9, #A75854, #38553B)
- Bronze Ridge color palette (#FEE0D8, #DC885B, #A45C00, #694600, #493700)
- Cocoa Boulevard color palette (#FFF2EC, #C4867A, #649870, #6674A1, #6A2F0D)
- Muted Hollow color palette (#FDE9DF, #AB5900, #6D4800, #3B2B00, #121E02)
- Timeworn Lantern color palette (#EDE5D8, #A18700, #6A6100, #3F4B00, #003A24)
Browse the whole catalog at Explore, or see today's palette.