Muted Pier color palette — #DEE2D3 · #58A8D8 · #005B94 · #003B4C · #001F43

A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.

The five colors

• Bone (#DEE2D3): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#58A8D8): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005B94): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003B4C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001F43): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Weathered Teal color palette (#EAEBDF, #20B4B6, #00636B, #003F38, #00242B)
• Antique Cobalt color palette (#D9E6DB, #8BB8D4, #1C76CB, #005764, #0E1B45)
• Wandering Cerulean color palette (#EEF3DF, #238BB8, #004163, #00212A, #000A18)
• Tempered Aqua color palette (#F5F7E5, #31CCE4, #007A94, #005557, #00394B)
• Patina Alley color palette (#F2F8E6, #A1D5FF, #3582D1, #006182, #263F6A)
• Washed Lantern color palette (#ECE3DB, #95C7E7, #668EE8, #007E77, #25094F)
• Tempered Atelier color palette (#F3F7EC, #BDE7DC, #678BC0, #346886, #583D55)
• Ash Balcony color palette (#F4F6EE, #C3E8E6, #6BA1BC, #56785F, #355148)

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