Worn Cocoa color palette — #D6FFF7 · #FFE8E5 · #D2CDD7 · #672C0D · #241D1A

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

The five colors

• Honeydew (#D6FFF7): A whisper-light, dusty teal — the color of shallow lagoons.
• Rose Water (#FFE8E5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Oat (#D2CDD7): a clean, paper-quiet neutral.
• Rust (#672C0D): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#241D1A): quiet, heavy and certain.

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

• Aged Courtyard color palette (#E2F0FF, #FFD782, #E1CDC8, #36322B, #1D160C)
• Worn Apricot Lantern color palette (#D3F0E3, #D1D367, #FFA15F, #3A342F, #1F1B17)
• Washed Study color palette (#CFE8FF, #16F2CE, #FFA194, #584146, #383036)
• Aged Stone color palette (#F7F5EB, #B3C67F, #50A284, #5E6B9C, #37251B)
• Apricot Grove color palette (#FFF3E9, #F6B187, #85B5D4, #5C88A4, #36302C)
• Softworn Loft color palette (#FBF4EF, #E1DACF, #79BFA7, #CE855F, #1B2016)
• Dusty Shell color palette (#FFDEF8, #98E6FF, #FFB19D, #331A0C, #130602)
• Antique Market color palette (#FFD6F4, #E1E389, #FFC5AA, #79616E, #362A31)

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