Muted Pier color palette — #D8FFF3 · #89D9A8 · #569D9B · #555575 · #2C2139

Built around Mint Leaf, softened by Eucalyptus — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D8FFF3): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#89D9A8): A whisper-light, balanced teal — the color of glacier melt.
• Eucalyptus (#569D9B): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#555575): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Indigo (#2C2139): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Aged Studio color palette (#FFF6CF, #B2CA88, #599872, #505986, #2C2A4C)
• Softworn Seafoam color palette (#DDFFE8, #5EDED6, #4F93AF, #704A65, #4E2228)
• Aged Corridor color palette (#D6FFF8, #ADEAD3, #63ABB1, #646082, #43344F)
• Mint Drift color palette (#EEEED9, #92CB9F, #65ABB0, #996976, #433049)
• Ancient Courtyard color palette (#E0EBD5, #6BA69F, #007681, #314582, #342F52)
• Hushed Teal Boulevard color palette (#C1F3CE, #66BBA6, #397786, #522E51, #360816)
• Aged Cerulean color palette (#DEF6EE, #00A5B0, #006288, #4F293E, #260002)
• Softworn Cobalt color palette (#D2E4E6, #0687BA, #3B5289, #3D0806, #030100)

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