Muted Pier color palette — #DEF4FF · #008DA4 · #CA2D00 · #005F6F · #120100

Brick takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DEF4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008DA4): A full-bodied, balanced blue — the color of deep harbor water.
• Brick (#CA2D00): A full-bodied, vivid orange — the color of sun-warmed clay.
• Peacock (#005F6F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#120100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Energy, Balance. Tagged warm.

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

• Aged Plum color palette (#CDEDF2, #00937F, #C52A5B, #006355, #130003)
• Feathered Brick Loft color palette (#C4EBF5, #007C92, #C00C04, #894200, #000203)
• Hushed Archive color palette (#DFEFFF, #0083D2, #9F6000, #00588F, #0C0400)
• Hushed Rust color palette (#CFE7CB, #CF5200, #00859D, #001D24, #000204)
• Terracotta Balcony color palette (#E2EFE4, #007A81, #893900, #003236, #030100)
• Cellar Garnet Pier color palette (#DEF1E4, #005664, #720C00, #00232A, #040000)
• Worn Drift color palette (#C2E3FE, #80CCFF, #EC8140, #0077AE, #451B00)
• Patina Loft color palette (#D7E3F5, #C46E00, #1B4197, #000E40, #000108)

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