Misty Drift color palette — #89FCF3 · #B7E189 · #B5B5FF · #57383B · #342C30

Pistachio and Sea Foam set the tone — five colors that lean into nature and growth.

The five colors

• Sea Foam (#89FCF3): A whisper-light, balanced teal — the color of glacier melt.
• Pistachio (#B7E189): A whisper-light, balanced green — the color of fresh herbs.
• Lavender (#B5B5FF): A luminous, balanced violet — the color of twilight just after sunset.
• Cocoa (#57383B): A deep, shadowed, dusty red — the color of embers at dusk.
• Espresso (#342C30): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Aged Coast color palette (#A1F5FF, #EBE347, #C2D3FF, #5D6676, #30353D)
• Ancient Honey color palette (#DCEFA1, #F9C878, #91C1FF, #533942, #322C32)
• Ancient Mallow Archive color palette (#81FBFF, #FFCC9F, #F8A9FF, #624A4F, #3B3133)
• Fuchsia Atelier color palette (#C9F5F7, #FFBB7B, #F58CFF, #312D41, #16151B)
• Washed Parlor color palette (#FBF3F5, #B4C8A1, #6C527C, #502C38, #30211E)
• Magenta Grove color palette (#C8E9E5, #36EFA2, #E441E9, #441C45, #361B20)
• Pewter Corridor color palette (#FBF3F4, #D7B1DA, #8F7C3A, #8F5294, #312D27)
• Blush Boulevard color palette (#E0F0FF, #5AEDFD, #EC70A0, #3E3833, #312220)

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