Worn Cocoa color palette — #D5F9FF · #00776D · #6C3A00 · #353000 · #000902

Bronze and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D5F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#00776D): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#6C3A00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#353000): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000902): 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 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

• Wandering Balcony color palette (#E0F6FF, #008592, #715600, #2B3F00, #00110D)
• Softworn Spruce color palette (#D1EAF8, #00647B, #504700, #0A3400, #000506)
• Ancient Garnet Parlor color palette (#D7F9F3, #19710A, #8C001F, #422200, #060600)
• Tempered Terracotta color palette (#EBF5DE, #009267, #A64200, #5F4600, #0D1800)
• Faded Garnet Dune color palette (#D3F7EB, #005D90, #800042, #323000, #001824)
• Spruce Delta color palette (#D7EFF9, #616B6E, #00363D, #231900, #040800)
• Softworn Corridor color palette (#F0F5FF, #4B6DFF, #B60080, #494300, #00070B)
• Byzantium Atelier color palette (#E3DBFB, #A83EA8, #900031, #452200, #110F00)

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