Misty Pier color palette — #B8F1FF · #8DCFFF · #8BA3F1 · #897FC1 · #593F60

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

The five colors

• Frost (#B8F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#8DCFFF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cornflower (#8BA3F1): A luminous, balanced violet — the color of wild irises.
• Slate Blue (#897FC1): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#593F60): A full-bodied, dusty pink — the color of a candy shop window.

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

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

• Dusty Bloom color palette (#D6EBFF, #BBC9FF, #BC9DE9, #9F6CA9, #613B50)
• Gentle Sky Garden color palette (#B4F5EB, #70E1F2, #4DBBEB, #6587C0, #424166)
• Antique Mustard color palette (#FFF0F9, #C4C5FF, #E3B663, #9695E2, #46423B)
• Sapphire Ridge color palette (#D7F0FC, #6CB7ED, #4570D8, #533F81, #2D2949)
• Aged Lilac color palette (#FFF0F8, #D8D6FF, #B3A5ED, #7B7BBD, #282655)
• Misty Byzantium Corridor color palette (#DDF0FF, #8FB1FF, #8E74FF, #A32ACA, #540044)
• Misty Mustard color palette (#FFF0FD, #9FBDFF, #B0BE5F, #77AC7C, #472E44)
• Airy Fuchsia color palette (#D5DDF9, #CAB2FF, #DB69E3, #BB4794, #732437)

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