Worn Cocoa color palette — #F0F8E9 · #00745C · #773900 · #463600 · #21230D

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

The five colors

• Ivory (#F0F8E9): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#00745C): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#773900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#463600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#21230D): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Tempered Chestnut color palette (#EDF9ED, #008181, #7C5200, #3E4600, #282F19)
• Basalt Meadow color palette (#DFF1DA, #004D48, #4C2900, #1A1900, #060900)
• Plum Cabin color palette (#FFF1F1, #AA3E74, #714200, #3C3B00, #1E230E)
• Wandering Cobalt Meadow color palette (#DEF9F1, #006DB7, #614900, #443300, #080D00)
• Hushed Olive Market color palette (#EFF8F3, #BD776B, #777020, #2F5E36, #2E382D)
• Patina Market color palette (#EDF6FF, #358BFE, #8F5E00, #6A4400, #012526)
• Antique Petrol Atelier color palette (#F9F3F7, #E4D5D6, #C4ABB7, #526192, #40383E)
• Sunlit Atelier color palette (#FFF0FD, #1459F2, #066615, #00413B, #002636)

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