Softworn Cocoa color palette — #E0F7F8 · #00886D · #823B00 · #453400 · #031500

Built around Bronze, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#E0F7F8): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#00886D): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#823B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#453400): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#031500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Mulberry Basin color palette (#DCF9F3, #448300, #A70031, #5B2D00, #120F00)
• Dusty Cypress Alley color palette (#CBE9F2, #006264, #533700, #232D00, #000603)
• Worn Parlor color palette (#E5F5FE, #26829F, #685D00, #155202, #00171C)
• Sunlit Mulberry color palette (#E1FDEC, #00758E, #94003B, #364400, #002630)
• Worn Plum Garden color palette (#EFF6FF, #6E9DFF, #C71F75, #504C00, #001821)
• Sunlit Scarlet color palette (#FFF1F4, #AE5CD7, #CF0911, #704500, #222902)
• Ultramarine Corridor color palette (#E4F1FF, #0066B6, #315300, #003A2E, #00090D)
• Ancient Mulberry Station color palette (#F3EFFF, #AD62AE, #A02541, #572C00, #1B1900)

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