Softworn Cocoa color palette — #EAF0E9 · #C5D4CB · #82B2A5 · #6C4300 · #000400

Bronze takes the lead with Sage close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#EAF0E9): a clean, paper-quiet neutral.
• Oat (#C5D4CB): A whisper-light, dusty teal — the color of sea glass.
• Sage (#82B2A5): A luminous, dusty teal — the color of glacier melt.
• Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Dusty Cocoa color palette (#F6EAF1, #DCCAD0, #8EAF9B, #872900, #070005)
• Basalt Lagoon color palette (#E1ECE2, #8DA894, #698374, #493100, #010601)
• Garnet Study color palette (#CFE7E0, #5F9E72, #005B4E, #57000D, #000200)
• Aubergine Dune color palette (#FCDBCC, #B19461, #496332, #471B71, #120007)
• Hushed Bronze color palette (#F1E9DD, #AFB2A0, #8EA47C, #956800, #1D1102)
• Weathered Pine color palette (#ECF8F7, #CEDCE5, #A4C0CB, #00742B, #00100F)
• Eclipse Hollow color palette (#DFF0E6, #584E00, #323E45, #0F1713, #010800)
• Nocturne Veranda color palette (#F1D6E6, #AE3C00, #004738, #210038, #040000)

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