Worn Cocoa color palette — #E6E3C4 · #95D9C7 · #63B3CA · #A4776B · #672E05

A conversation between Rust and Cyan, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#E6E3C4): A whisper-light, dusty green — the color of a quiet forest floor.
• Lagoon (#95D9C7): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#63B3CA): A luminous, balanced blue — the color of open sky before noon.
• Mocha (#A4776B): A luminous, dusty orange — the color of toasted spice.
• Rust (#672E05): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Teal Loft color palette (#FEE4BC, #C1D4A4, #63B5AB, #A27E81, #54383A)
• Antique Cocoa Courtyard color palette (#D1E6C4, #92D0E8, #97AADA, #9A7E5A, #5D4100)
• Weathered Ash color palette (#E5FFD9, #BBDCBD, #74ADBB, #7C5F73, #4E313F)
• Weathered Workshop color palette (#EFF9EA, #C1E2E0, #DBBBD4, #A7947F, #5C4B00)
• Lilac Atelier color palette (#D3F3DF, #A0BAEC, #A785CD, #6F7240, #403D00)
• Cerulean Lantern color palette (#E1E1D4, #70B0A3, #2E90C1, #835148, #3A1E02)
• Cerulean Bloom color palette (#BEECCE, #83B0B7, #488295, #514366, #3F1922)
• Softworn Courtyard color palette (#CFEED3, #00C6CF, #FF6E80, #D47C3E, #1C311F)

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