Softworn Cocoa color palette — #FFF0F8 · #E3A4AE · #AF6F6A · #854B34 · #6B3A00
A conversation between Bronze and Coffee, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Ballet Pink (#E3A4AE): A luminous, dusty red — the color of embers at dusk.
- Mocha (#AF6F6A): A luminous, balanced orange — the color of toasted spice.
- Coffee (#854B34): A full-bodied, balanced orange — the color of autumn markets.
- Bronze (#6B3A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
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 Shell Atelier color palette (#FFF2EE, #E2D2CC, #FDA9B2, #BC8866, #713517)
- Mulberry Boulevard color palette (#FFF1F6, #D2B1DD, #A16D91, #87465E, #743337)
- Antique Loft color palette (#FDF4E5, #CE95A4, #9B6956, #236754, #58423B)
- Weathered Cabin color palette (#FFF2EE, #E1B99D, #9E7C4B, #715D17, #4F4E00)
- Muted Bronze Summit color palette (#F3F4FF, #D6C2EA, #CD848A, #A65B27, #534500)
- Softworn Chestnut Parlor color palette (#FFD8D0, #D88B63, #8C5600, #513E00, #183411)
- Dusty Coast color palette (#FFEEE7, #AA6865, #5D2E00, #33251F, #1A140F)
- Hushed Bronze Orchard color palette (#F8E0CA, #8F6900, #403800, #151C00, #000A06)
Browse the whole catalog at Explore, or see today's palette.