Softworn Cocoa color palette — #F3EDE6 · #D7CFC0 · #AEA686 · #6A4400 · #050200

Built around Bronze, softened by Taupe — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F3EDE6): bright and airy, almost weightless.
• Oat (#D7CFC0): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#AEA686): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, 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

• Wandering Basalt color palette (#EDE9DD, #BDBCAB, #909579, #413E00, #020100)
• Basalt Bloom color palette (#E8EFE7, #99B0A1, #7F8358, #4D3000, #0B170B)
• Softworn Emerald Grove color palette (#E4E2CC, #689D6A, #005C3F, #451F00, #000200)
• Forest Grove color palette (#F4F7EB, #CBE0D4, #ABC2A8, #1B7238, #0C0E02)
• Muted Terrace color palette (#EFE2C7, #939E6B, #326E40, #203462, #18002D)
• Weathered Lagoon color palette (#F4E8CF, #9A6D00, #3D4900, #001C37, #020100)
• Wandering Fern color palette (#F0E7D0, #495358, #584E00, #131914, #030700)
• Gentle Apricot Chapel color palette (#FFF1D2, #F9961D, #B39600, #1F7503, #010100)

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