Muted Pier color palette — #FDEEE8 · #D38377 · #217F8A · #5C415F · #341E36

A conversation between Coral Clay and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#FDEEE8): bright and airy, almost weightless.
• Coral Clay (#D38377): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#217F8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5C415F): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Indigo (#341E36): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Hushed Amber Delta color palette (#F7F1E6, #B99836, #5F709C, #633F54, #3A1C2A)
• Muted Coral color palette (#FCEFEB, #D87E85, #0E8185, #1A536B, #002F25)
• Washed Stone Thicket color palette (#FCF1F9, #E49C8D, #6C987A, #596790, #314262)
• Patina Amber Workshop color palette (#FEF3E8, #BE8D57, #707546, #2C5F45, #5E343C)
• Wandering Marigold Archive color palette (#FFEEE4, #DEAD6B, #938437, #5C673A, #32322B)
• Gentle Ridge color palette (#FAEBD9, #A76F00, #005A8C, #39275C, #180733)
• Misty Scarlet Harbor color palette (#FFEEE5, #EA3301, #006969, #411F79, #1E0540)
• Muted Olive Veranda color palette (#F8F0EB, #C2ECE7, #73A2C7, #5B7536, #422F3E)

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