Muted Pier color palette — #EFF0E7 · #7FAA91 · #00607C · #003D42 · #002333

Peacock and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EFF0E7): bright and airy, almost weightless.
• Sage (#7FAA91): A luminous, dusty teal — the color of sea glass.
• Peacock (#00607C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Denim Chapel color palette (#E1E4DB, #79AA9D, #0B57A1, #003A51, #011851)
• Aqua Dune color palette (#F6F6E9, #69CAC5, #007D82, #005749, #003A41)
• Cerulean Meadow color palette (#DAF2F5, #008F9E, #005261, #003242, #0B1830)
• Quiet Pier color palette (#F0E1EA, #70BED3, #007DB5, #005A4F, #011B4B)
• Ancient Azure color palette (#DAEAE8, #81CDE3, #00A0CE, #007B86, #002334)
• Wandering Drift color palette (#F4F6EF, #ACCDC4, #487AB9, #005A7D, #253963)
• Chalky Mulberry Quarry color palette (#D7EEE3, #00789E, #8E0F96, #003F55, #300033)
• Tempered Nightshade color palette (#D1E5D6, #006674, #3B37AE, #014B0E, #001519)

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