Worn Cocoa color palette — #EFF4E5 · #6DB098 · #1F7465 · #5F3F00 · #142104

A conversation between Bronze and Teal, giving this palette its sense of nature and growth.

The five colors

• Cream (#EFF4E5): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#6DB098): A luminous, dusty teal — the color of glacier melt.
• Teal (#1F7465): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#5F3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#142104): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Worn 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

• Olive Harbor color palette (#F6F2E5, #9FA573, #596E28, #653B00, #221C01)
• Garnet Quarry color palette (#E8F9F6, #71A894, #007172, #6C3654, #053D41)
• Weathered Chestnut Lantern color palette (#F2F3E8, #C0C7A9, #628E76, #785D0F, #30322B)
• Weathered Pier color palette (#F2F3E8, #AED2B6, #008BA2, #005B5A, #002530)
• Aged Terracotta Corridor color palette (#F5EDDA, #907B00, #00835A, #943A2D, #1C1200)
• Wandering Bronze color palette (#F2E5CB, #817B31, #434800, #431E00, #090800)
• Airy Raspberry color palette (#F3E7D6, #B28A28, #B15A89, #6C5000, #360423)
• Shadow Forest Pier color palette (#E1E6D1, #146845, #003225, #151500, #000201)

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