Misty Pier color palette — #FDF1F8 · #B4EAFC · #6CB7FF · #2CA185 · #32375D

Built around Cornflower, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Powder Blue (#B4EAFC): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#6CB7FF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#2CA185): A luminous, balanced teal — the color of sea glass.
• Navy (#32375D): A deep, shadowed, dusty violet — the color of wild irises.

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

• Worn Powder Basin color palette (#FAF3F5, #D8DDF4, #A3BBFF, #4FA9A7, #414564)
• Patina Balcony color palette (#F3EBF4, #A4E1DB, #00B7D9, #48923F, #003052)
• Wandering Dune color palette (#EEF8F0, #D8D6E2, #6EAFD6, #007F81, #132F4E)
• Weathered Moss color palette (#D9E4FF, #BBC2FF, #42BE84, #71A116, #212A42)
• Wandering Cornflower Bloom color palette (#EBE0E4, #91C9E5, #498FFB, #007E72, #1F1545)
• Powdered Harbor color palette (#F2E4EB, #6DAAC5, #2372D3, #005E52, #090029)
• Airy Canyon color palette (#DFEFF7, #83B7FF, #7D8AFF, #8B5EB4, #513150)
• Chalky Pine Archive color palette (#F0E2F0, #66C1C2, #0091B6, #00732C, #00142D)

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