Muted Pier color palette — #EFF7F4 · #9CCDB8 · #318B97 · #70721E · #223036
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#EFF7F4): a clean, paper-quiet neutral.
- Pistachio (#9CCDB8): A luminous, dusty teal — the color of sea glass.
- Cerulean (#318B97): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#70721E): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#223036): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Muted 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
- Olive Meadow color palette (#F2F2EA, #B4CCA4, #44947D, #52812B, #111909)
- Washed Quarry color palette (#FBF2F6, #DEB2C3, #538C6B, #906136, #203231)
- Weathered Terrace color palette (#EFF7F5, #A9DED2, #61AD93, #6C9D42, #193335)
- Weathered Veranda color palette (#DAFFEF, #9DC69F, #4F9280, #00676C, #004D63)
- Timeworn Petrol color palette (#ECF8F9, #63C3AC, #6D64A6, #00705D, #1F2332)
- Hushed Taupe Quarry color palette (#FFF0F8, #8EB485, #378587, #78495D, #2F4E4E)
- Misty Nightshade color palette (#D0E8E8, #008C63, #0027A8, #003C28, #000117)
- Twilit Aubergine Workshop color palette (#D2E5E9, #00796F, #450079, #002E2A, #03000A)
Browse the whole catalog at Explore, or see today's palette.