Worn Cocoa Ridge color palette — #F1E7FB · #9D597B · #783714 · #003533 · #0C260B
A conversation between Rust and Pewter, giving this palette its sense of nature and growth.
The five colors
- Blush (#F1E7FB): A whisper-light, dusty violet — the color of a velvet chair.
- Pewter (#9D597B): A full-bodied, balanced rose — the color of strawberry cream.
- Rust (#783714): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#003533): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#0C260B): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Pewter Lagoon color palette (#E7ECFF, #8669A4, #6B3143, #003223, #001A1D)
- Bronze Hollow color palette (#EFD7E1, #A96252, #664A00, #00304D, #001A2D)
- Worn Forest Hollow color palette (#ECE7FF, #BB7E96, #9E5D4F, #11621B, #001F1C)
- Garnet Villa color palette (#FFE3E3, #920027, #004B49, #0F2E44, #170002)
- Muted Blush Harbor color palette (#EED7F2, #E4678F, #A36030, #005B64, #133E56)
- Chalky Brick color palette (#FBD6CB, #B20036, #005855, #590017, #001313)
- Misty Plum Cabin color palette (#F3E6F0, #B4007A, #720028, #450200, #220700)
- Tempered Bronze Grove color palette (#FFDEDE, #D29A6F, #836E24, #5F4D60, #50343E)
Browse the whole catalog at Explore, or see today's palette.