Misty Coast color palette — #FFF1F6 · #BAE0FF · #6896FF · #00818D · #3D376C

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#BAE0FF): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender Blue (#6896FF): A luminous, vivid violet — the color of a velvet chair.
• Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3D376C): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Softworn Drift color palette (#FEF0FB, #B2E4FA, #00A8E5, #00856E, #19406F)
• Hushed Cornflower Meadow color palette (#FFF1F5, #A1CFFE, #637EFF, #007081, #381C6F)
• Ancient Meadow color palette (#F9F3F7, #D5D6E9, #8EB8D0, #409978, #405568)
• Weathered Cerulean Coast color palette (#F7EAF2, #9ECDDB, #0096B2, #007046, #00324C)
• Washed Cobalt color palette (#F0E5EC, #8BB9CF, #007DB4, #005A4E, #001B4C)
• Antique Denim Studio color palette (#EEE3EB, #579FAD, #006085, #003D31, #00091C)
• Hazy Coral Terrace color palette (#FEE0FE, #F66372, #00A59B, #2E81AB, #531A20)
• Hazy Crimson Canyon color palette (#FDF0FF, #FF8099, #00B4A2, #DB005B, #00453D)

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