Misty Pier color palette — #F8E0F2 · #B9AEFF · #00BAE4 · #20354D · #08222F

Cyan and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8E0F2): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#B9AEFF): A luminous, balanced violet — the color of twilight just after sunset.
• Cyan (#00BAE4): A luminous, balanced blue — the color of open sky before noon.
• Deep Teal (#20354D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#08222F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Balance. Tagged neon, dark, vibrant.

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

• Muted Sky color palette (#DFF0E7, #C2B9FF, #53BCFF, #3D4155, #262F37)
• Aged Teal Dune color palette (#F1EAFC, #74C3FF, #00C1B5, #103B45, #0D262B)
• Muted Lilac Parlor color palette (#EBDCE4, #A78FFF, #00A0D4, #17243A, #09131A)
• Timeworn Villa color palette (#D9E5C6, #90CDFF, #00D9D3, #006764, #192418)
• Chalky Ultramarine Veranda color palette (#EAF8FF, #00B4D7, #1E5AD0, #006074, #0A1D37)
• Fuchsia Field color palette (#F8DADB, #F074FF, #00B9A1, #002822, #001113)
• Tempered Petrol Studio color palette (#EEF6FC, #D5D9E9, #AFBECF, #127498, #30424F)
• Worn Fuchsia Delta color palette (#FEEBE9, #EE6AFF, #778DFF, #2C1544, #0D1525)

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