Muted Pier color palette — #E1F3F1 · #007B7B · #004F54 · #002F36 · #000A0E
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#E1F3F1): a clean, paper-quiet neutral.
- Teal (#007B7B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Forest (#002F36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000A0E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Nocturne Villa color palette (#C7EFE4, #006966, #003A3E, #00171E, #01040D)
- Hushed Ridge color palette (#C3E5F4, #0082A7, #004E65, #00212C, #000203)
- Hushed Pine color palette (#E2EDE1, #007F2F, #00512B, #003320, #000C06)
- Misty Nightshade Station color palette (#D7F5FF, #006278, #4B29B2, #004A25, #000203)
- Frosted Cobalt Workshop color palette (#CFEEFB, #52B1E6, #4485D5, #005A68, #00121B)
- Cobalt Terrace color palette (#C4E6FB, #0073B4, #004C83, #001F4F, #000230)
- Turquoise Lantern color palette (#DFF4F8, #00B3D1, #0084A7, #005471, #002F48)
- Hushed Canyon color palette (#D4EBD1, #926500, #613C00, #391C00, #050300)
Browse the whole catalog at Explore, or see today's palette.