Muted Pier color palette — #F2F7F0 · #D2DDDC · #B2C3C5 · #34837B · #444A42

Teal and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F7F0): bright and airy, almost weightless.
• Silver (#D2DDDC): bright and airy, almost weightless.
• Stone (#B2C3C5): a calm mid-gray that lets other colors speak.
• Teal (#34837B): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#444A42): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, 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

• Worn Lagoon Station color palette (#ECF3F5, #D2D7DE, #B3BDCC, #008683, #1E2F33)
• Weathered Basalt Delta color palette (#FAF4EB, #BAB086, #5C7E55, #4B6146, #4E4200)
• Worn Archive color palette (#FAF2F9, #E6D4D4, #C1ADB1, #476399, #413740)
• Timeworn Petrol Balcony color palette (#DAE9DF, #007F95, #3C2C3D, #14231A, #040F0B)
• Hushed Abyss Dune color palette (#DEE4DE, #98B0A4, #8F7590, #004041, #0B170B)
• Tempered Villa color palette (#ECFBE2, #A7C0AE, #997C95, #835619, #465000)
• Teal Grove color palette (#FFF2EB, #41AB9E, #366F98, #763B23, #294530)
• Linen Study color palette (#E5FCEC, #B0F8CB, #37D1ED, #6785C8, #1A4536)

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