Muted Harbor color palette — #FBD8CA · #C5C59C · #9EA788 · #AD747E · #5B3D36
Built around Mocha, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FBD8CA): A whisper-light, dusty orange — the color of sun-warmed clay.
- Pistachio (#C5C59C): A luminous, dusty green — the color of a quiet forest floor.
- Sage (#9EA788): A luminous, dusty green — the color of fresh herbs.
- Mocha (#AD747E): A luminous, dusty red — the color of late-summer berries.
- Cocoa (#5B3D36): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
Use it as a design system
One click turns Muted Harbor 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
- Driftwood Veranda color palette (#F7E3CB, #D5CCA1, #72B9AF, #B07258, #5B3900)
- Dusty Driftwood color palette (#FDDADB, #E0BFB6, #BDA989, #8A7FAB, #5C3B3D)
- Cocoa Villa color palette (#FFF4E0, #CEDFCF, #AFC7B3, #AB9785, #75430A)
- Washed Teal Drift color palette (#FFF5D8, #D4D4AB, #68AF93, #7A5D70, #492E35)
- Gentle Veranda color palette (#E4EFBD, #92E0D3, #6DB3E1, #AF8358, #694318)
- Aged Turquoise color palette (#F6F7E6, #9CD9C3, #35B3BF, #AB7082, #2B3B19)
- Weathered Alley color palette (#F3E7DB, #B99E7F, #7F875B, #8A4678, #3F1A09)
- Ancient Taupe Atelier color palette (#F6E3D3, #9BA86B, #467983, #4D4565, #2F2746)
Browse the whole catalog at Explore, or see today's palette.