Weathered Cocoa Cabin color palette — #ECDDE6 · #C6BFED · #BE9BD4 · #9E7669 · #6C330A

A conversation between Bronze and Mauve, giving this palette its sense of optimism and creativity.

The five colors

• Shell Pink (#ECDDE6): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender (#C6BFED): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#BE9BD4): A luminous, balanced violet — the color of twilight just after sunset.
• Mocha (#9E7669): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6C330A): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Weathered Cocoa Cabin 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 Quarry color palette (#FEDBE1, #E3BBBD, #CE90A5, #A57D5B, #583900)
• Washed Ash Alley color palette (#C5EFDE, #D7BAD7, #93A2D7, #9F7290, #613F3C)
• Hushed Olive color palette (#D1ECE0, #A9B1DB, #B3868E, #766E22, #514900)
• Hushed Chestnut Field color palette (#E9DDEB, #B97CAA, #9F5E77, #7E440E, #2D1B00)
• Washed Fern Canyon color palette (#DAF0DC, #B69BB2, #8E6166, #514D00, #302E08)
• Tempered Ash color palette (#EAF8FF, #BDD6F8, #A88DB2, #427162, #04423C)
• Muted Lilac color palette (#DCDFF8, #B4A9FF, #A87EFF, #8B63BB, #4A335A)
• Amber Corridor color palette (#F8E8E4, #E8A89C, #CE8150, #72783C, #283E19)

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