Misty Pier color palette — #FFF3E8 · #DCE3F6 · #5F96FF · #00717A · #220C62

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Frost (#DCE3F6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cornflower (#5F96FF): A luminous, vivid violet — the color of a velvet chair.
• Teal (#00717A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#220C62): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Gentle Azure color palette (#FFF2EC, #D1EAFF, #00A6E6, #007462, #002251)
• Hazy Sapphire color palette (#FFF1F6, #73C1F4, #0361EA, #00555A, #2D266A)
• Navy Garden color palette (#D2FCFF, #00CDEB, #0089BE, #004D8F, #1A0769)
• Cobalt Courtyard color palette (#FBF4EC, #A8D1F5, #5875C6, #00505A, #0F002F)
• Periwinkle Market color palette (#EFF6FF, #6DAFFF, #AC6400, #6C6E00, #00122B)
• Weathered Mallow Veranda color palette (#D8FFF3, #E7DCE1, #FEB4FB, #00919E, #0C2750)
• Patina Station color palette (#ECE0DA, #65B0B6, #005E77, #002D1F, #000104)
• Sunlit Lagoon color palette (#D8FFF5, #70B8FF, #EE7405, #006BB9, #341400)

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