Softworn Cocoa color palette — #CEECDA · #005C71 · #603C00 · #3B2300 · #000201
A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#CEECDA): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#005C71): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Espresso (#3B2300): A deep, shadowed, dusty gold — the color of old brass.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
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
- Twilit Station color palette (#D1E4D9, #005C71, #811600, #500A00, #000203)
- Denim Boulevard color palette (#CEF8EA, #005E8F, #621F00, #0B2100, #010200)
- Denim Loft color palette (#FDE7FE, #00519E, #4F4600, #2F2900, #050005)
- Patina Chestnut Pier color palette (#DAE3D3, #007F67, #904E00, #554500, #000202)
- Aubergine Atelier color palette (#DBE3D1, #006B99, #591476, #172400, #00001A)
- Muted Grape color palette (#E5DEF1, #8000D6, #4C5A00, #313B00, #080015)
- Softworn Coast color palette (#CFE6D7, #008299, #84002C, #003F4C, #060000)
- Nocturne Nightshade Lantern color palette (#CFE3FF, #0043AC, #70003B, #211600, #000106)
Browse the whole catalog at Explore, or see today's palette.