Softworn Cocoa color palette — #E2F2DA · #006051 · #653600 · #302600 · #000302

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

The five colors

• Honeydew (#E2F2DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Pine (#006051): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#653600): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#302600): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000302): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Softworn Fern Bloom color palette (#D4F0E3, #005A77, #434800, #023105, #000305)
• Pale Garnet color palette (#E6E7CE, #306000, #82001D, #411B00, #010300)
• Eclipse Canyon color palette (#DBF6EB, #003B55, #282D00, #001808, #000103)
• Antique Station color palette (#FFE5FA, #4A69D1, #AF2000, #3C3B00, #00000C)
• Tempered Grove color palette (#DCEFE3, #00788C, #685B00, #2A4500, #000D11)
• Worn Drift color palette (#E9F6E9, #259898, #946D24, #535700, #0B1F0C)
• Eclipse Mulberry Parlor color palette (#F7DEDA, #981F58, #592500, #1F1A00, #000501)
• Aged Parlor color palette (#FFE8FA, #4159C1, #00663A, #003F3D, #130110)

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