Worn Cocoa color palette — #CBEFF5 · #006155 · #643500 · #312B00 · #000300

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

The five colors

• Frost (#CBEFF5): A whisper-light, dusty blue — the color of open sky before noon.
• Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#643500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#312B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Feathered Basin color palette (#F4E4F3, #A3002B, #514200, #132A00, #000302)
• Aged Garnet color palette (#D9F4EC, #446900, #830032, #461C00, #020200)
• Rust Meadow color palette (#F0DAE5, #AA4C00, #405B00, #003D2A, #00060A)
• Soft Sapphire color palette (#F8E2FB, #0072E1, #B21600, #4E4F00, #000302)
• Raspberry Chapel color palette (#F4EEFF, #CA1EB1, #A04A00, #554600, #042100)
• Cellar Navy color palette (#E4EAF7, #003583, #441400, #1A0900, #000202)
• Sunlit Byzantium color palette (#E0DDF4, #9000AD, #7D1800, #342100, #010200)
• Pale Scarlet color palette (#F9E8F6, #CE3C3D, #665E00, #094F09, #00161B)

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