Muted Cocoa Pier color palette — #F5EAF2 · #C3D6C2 · #8FAEA0 · #832D1B · #070005
A conversation between Rust and Sage, giving this palette its sense of sophistication.
The five colors
- Blush (#F5EAF2): bright and airy, almost weightless.
- Oat (#C3D6C2): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8FAEA0): A luminous, dusty teal — the color of shallow lagoons.
- Rust (#832D1B): A full-bodied, balanced orange — the color of sun-warmed clay.
- Black (#070005): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Muted Cocoa Pier 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
- Softworn Cocoa Workshop color palette (#E7F1E9, #BCD7CD, #86AFAE, #654800, #000401)
- Washed Corridor color palette (#E5DEE2, #AD99A2, #8F737C, #5C2100, #0A0206)
- Weathered Mulberry Loft color palette (#F2EBF9, #E0C6DD, #BB9CA8, #81205D, #040109)
- Muted Thicket color palette (#EAE0DA, #B3A79B, #987B35, #631B00, #210E04)
- Moss Lantern color palette (#D0E9D4, #819A1A, #005D33, #381B4B, #000201)
- Bronze Boulevard color palette (#F0F7F2, #CDE2E5, #ACC8D6, #917207, #152219)
- Washed Amber Bloom color palette (#FFE3E0, #C78800, #37643B, #2A345D, #06062F)
- Patina Cocoa color palette (#FFE7EF, #576367, #6E4200, #282212, #050600)
Browse the whole catalog at Explore, or see today's palette.