Muted Pier color palette — #FEF1FA · #B3F2FF · #3A9DCD · #006C5A · #051E3D

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Frost (#B3F2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3A9DCD): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006C5A): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#051E3D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Hushed Iris Basin color palette (#FFF1F5, #D8DFFC, #678DEB, #006873, #1D183A)
• Gentle Bloom color palette (#F8EAF3, #A1DFEC, #4FAEEB, #10956A, #1A295C)
• Cobalt Atelier color palette (#FFF1F7, #8ED6FF, #437BC5, #005153, #08032F)
• Denim Boulevard color palette (#F6E0EB, #41AFDE, #00559C, #002B2B, #01000B)
• Dusty Dune color palette (#F5EDE1, #95BCA2, #007295, #00504B, #00314F)
• Fuchsia Cabin color palette (#FFF0FA, #F95BD2, #008746, #007D68, #120520)
• Powder Hollow color palette (#FCF2F5, #D9D3DE, #9FBAF7, #4E8D97, #383E55)
• Ancient Aqua color palette (#F8E9F3, #4BCCCE, #00738A, #004027, #000307)

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