Worn Cocoa color palette — #D1E7D6 · #75A492 · #796125 · #632D00 · #001D1A

Built around Rust, softened by Olive — the whole palette hums with optimism and sophistication.

The five colors

• Celadon Mist (#D1E7D6): A whisper-light, dusty teal — the color of sea glass.
• Eucalyptus (#75A492): A luminous, dusty teal — the color of sea glass.
• Olive (#796125): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#632D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#001D1A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Patina Grove color palette (#F0D9E3, #AB956C, #885836, #6B2025, #001E14)
• Worn Lagoon color palette (#D8F0E3, #73915F, #5D5700, #462A00, #001212)
• Tempered Coast color palette (#D9EEDE, #A0995C, #7C5F00, #5F3B04, #1C362E)
• Weathered Chestnut Loft color palette (#FEF4E4, #D6C69D, #A08746, #7A4D05, #282100)
• Wandering Station color palette (#FEECF7, #C3A1AC, #9F634F, #753445, #0E291A)
• Inked Chestnut color palette (#FDE4F0, #805900, #582500, #35000A, #020200)
• Softworn Garnet Grove color palette (#E1ECFB, #988EC9, #90468A, #6F0030, #2B0900)
• Airy Ultramarine color palette (#ECF2FC, #7E9EE4, #A83A30, #1C46BE, #10010D)

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