Muted Pier color palette — #F0F7F0 · #18989A · #5163A8 · #644172 · #3C2D2A

Slate and Cerulean set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F0F7F0): bright and airy, almost weightless.
• Cerulean (#18989A): A luminous, balanced teal — the color of glacier melt.
• Slate (#5163A8): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#644172): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#3C2D2A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Creativity, Sophistication. Tagged jewel, vibrant, 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

• Petrol Corridor color palette (#F1F7EE, #57A996, #1D7B9C, #494D85, #43433C)
• Hushed Petrol Station color palette (#FEF2EE, #BF7176, #426DA9, #554472, #423030)
• Worn Moss Drift color palette (#F3F2E7, #83983E, #6B6AA1, #623E54, #231711)
• Wandering Field color palette (#F8F6E7, #85B591, #1C8A73, #365D7F, #3D5007)
• Patina Bronze color palette (#FBF4EB, #A47934, #865892, #763851, #3D3632)
• Linen Aubergine color palette (#E7FBF3, #006798, #711087, #5D0F35, #2C1708)
• Washed Aqua color palette (#EEF9EE, #78D1D3, #65B5B7, #8D7CB3, #35322B)
• Wandering Seafoam color palette (#F3F7E9, #ACEBEC, #7CE5AA, #63B4A3, #454841)

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