Worn Cocoa color palette — #EFD9E8 · #B7ABEB · #A87F8B · #845A4E · #6B310B

Rust and Lavender set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#EFD9E8): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender (#B7ABEB): A luminous, balanced violet — the color of wild irises.
• Dusty Rose (#A87F8B): A luminous, dusty rose — the color of pressed rose petals.
• Pewter (#845A4E): A full-bodied, dusty orange — the color of toasted spice.
• Rust (#6B310B): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Chestnut Basin color palette (#F7E0FF, #D7A8AB, #A3807C, #8E5A27, #613F00)
• Hushed Powder color palette (#CCEAFF, #98B5DF, #8087B0, #7B595B, #5F403D)
• Fuchsia Lantern color palette (#E6DAED, #E784DD, #C26793, #90521F, #573700)
• Patina Canyon color palette (#DCDEF6, #9D8DC9, #785E83, #773B3C, #491E0F)
• Worn Station color palette (#F6E4E9, #D68B91, #B27363, #615627, #393831)
• Driftwood Canyon color palette (#C7E4FF, #B5C3E9, #A4A1C8, #A3794F, #294C3C)
• Pewter Study color palette (#ECFBE2, #BBD6C6, #B58DA7, #58714C, #2E3E23)
• Plum Pier color palette (#F9DDF4, #AE5983, #77464D, #39342F, #1A1000)

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