Softworn Cocoa color palette — #D2E3E8 · #007272 · #694700 · #2F3100 · #000A0A

Bronze takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#D2E3E8): bright and airy, almost weightless.
• Teal (#007272): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#694700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#2F3100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000A0A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Antique Harbor color palette (#CDF0F0, #00744C, #883000, #422E00, #040900)
• Aged Petrol Harbor color palette (#D9E4EE, #006A9C, #4D5900, #00432A, #000709)
• Tempered Aubergine Atelier color palette (#CAE2F8, #0076AC, #740C96, #004228, #000608)
• Antique Ultramarine color palette (#D2E1F7, #1C58E3, #196100, #003C35, #00060B)
• Soft Cobalt Courtyard color palette (#DEEFFF, #007DCC, #526900, #00563F, #001C21)
• Aged Azure color palette (#ECF7FF, #39A4D1, #7D7F2A, #286E44, #112B32)
• Powdered Ember Villa color palette (#FFF0FA, #E75D2B, #737800, #006835, #002729)
• Washed Hollow color palette (#F4E2F5, #0C82F3, #D80619, #285F00, #000511)

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