Worn Cocoa Ridge color palette — #F8E6F6 · #B2829A · #8A5760 · #614113 · #2E390C

Bronze takes the lead with Pewter close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F8E6F6): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#B2829A): A luminous, dusty rose — the color of strawberry cream.
• Pewter (#8A5760): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#614113): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Forest (#2E390C): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Worn Cocoa Ridge 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

• Muted Driftwood Study color palette (#F5E2FB, #B27271, #804C3B, #3F3800, #002C10)
• Taupe Field color palette (#FEE1FD, #C48274, #805A6C, #265748, #2A431A)
• Softworn Field color palette (#F6DDF1, #BE819F, #795E7D, #345235, #1C385C)
• Blush Study color palette (#FFE0E3, #D8A7BF, #CE7A8B, #8C6C41, #3E3200)
• Hushed Corridor color palette (#DFDDFD, #9D84B9, #6F6989, #6B342F, #502714)
• Forest Archive color palette (#E2EEFD, #818AA9, #6E6185, #114C0B, #002731)
• Tempered Boulevard color palette (#E9DAEA, #C7A0B0, #A16F86, #30693F, #003F42)
• Abyss Atelier color palette (#FFF0FB, #D4BECA, #A48A92, #647974, #355451)

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