Muted Pier color palette — #E2F7F2 · #80AD89 · #2F735C · #224D5A · #002220

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#E2F7F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#80AD89): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#2F735C): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#224D5A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#002220): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Lagoon Station color palette (#D6F3F0, #539E83, #00635B, #373356, #00170F)
• Washed Drift color palette (#E9F6EB, #95BEA8, #707B4F, #355A6E, #142D21)
• Cypress Corridor color palette (#FBF5E6, #9D9E79, #21725A, #0E526C, #36362F)
• Frosted Summit color palette (#CBEFDC, #84A23F, #156E0D, #004269, #111900)
• Ancient Lagoon color palette (#E6FBEF, #BBDBB1, #459C84, #456880, #002F2A)
• Lagoon Basin color palette (#D0E5E1, #388A65, #005044, #003037, #000B05)
• Cerulean Thicket color palette (#EDF4EE, #ACCDDE, #3A85A8, #005B59, #00223D)
• Olive Canyon color palette (#CFE8D7, #686D22, #253F00, #002231, #030300)

Browse the whole catalog at Explore, or see today's palette.