Muted Pier color palette — #DFEDE1 · #00707E · #003F6E · #42000B · #000407

Navy and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DFEDE1): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#00707E): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003F6E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#42000B): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#000407): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Hushed Nightshade Workshop color palette (#DDF4E1, #006D8E, #131DAA, #3D0B00, #000409)
• Inked Aubergine Hollow color palette (#D5F1FF, #006375, #490085, #3A0005, #020200)
• Obsidian Petrol color palette (#D5E7DA, #006E89, #003456, #180022, #000103)
• Aged Pine Workshop color palette (#E5F2E8, #00764E, #00464A, #390036, #000503)
• Abyss Harbor color palette (#CDE3F3, #004C66, #1E1D26, #000D23, #000204)
• Navy Thicket color palette (#FFEBE0, #005652, #030077, #1B0700, #000406)
• Ancient Coast color palette (#F7DAC0, #008B8C, #0059A8, #592E00, #000406)
• Aged Denim Ridge color palette (#D8E1DA, #50A1A6, #006375, #003D32, #000B13)

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