Muted Pier color palette — #FBF2F9 · #D5D4E1 · #6BAFD7 · #00816E · #182E4E

Built around Teal, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Silver (#D5D4E1): bright and airy, almost weightless.
• Cyan (#6BAFD7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#00816E): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#182E4E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: 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

• Weathered Lagoon Lantern color palette (#FAF3F6, #D8D4DF, #8FBEF9, #049497, #363C62)
• Weathered Dune color palette (#FEF1FA, #BBFCFC, #00ABCC, #00764C, #00283E)
• Iris Studio color palette (#FFF1F6, #D7DEFC, #5C8FEC, #006970, #1B1249)
• Sky Pier color palette (#F5F6EF, #C2ECCF, #44C3E6, #009FA3, #1C4334)
• Softworn Hollow color palette (#E7F5F3, #8FD4E3, #2F88A2, #005B5E, #002433)
• Washed Denim color palette (#F1E4EC, #6FACBF, #005A88, #002C27, #000009)
• Frosted Jade color palette (#F8F2FF, #DC86B6, #11B26B, #009476, #2E0D21)
• Weathered Ultramarine color palette (#F7EAEE, #97BBDB, #375BCD, #003D44, #030011)

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