Misty Pier color palette — #F3F7EB · #BEDFFF · #5B9DF3 · #007BAA · #203B7A

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

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Powder Blue (#BEDFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#5B9DF3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#007BAA): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#203B7A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Misty 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

• Wandering Azure Dune color palette (#F5F6ED, #A9E6F9, #00ABDB, #00818B, #004563)
• Petrol Villa color palette (#EDF2E4, #73A8CF, #0069B3, #00475D, #001232)
• Soft Cornflower Market color palette (#FCF4EB, #A9D3FA, #5576E3, #006572, #403768)
• Powder Quarry color palette (#FEF1F5, #CEE8FF, #97B4FF, #00A3B6, #3F3865)
• Dusty Wisteria Loft color palette (#FFE2ED, #B478FA, #E95176, #0087C0, #382550)
• Patina Denim color palette (#EBEDE1, #559EB0, #00627B, #003B3E, #000B13)
• Timeworn Cerulean color palette (#EFEFE4, #ACCFAE, #0098A6, #006D63, #00343E)
• Hushed Lagoon color palette (#F5F6EF, #CAE5DF, #79BECC, #349892, #355242)

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