Hazy Coast color palette — #ECF7FF · #8FFFD9 · #5EC3F0 · #9876BD · #2D3F57

Sea Foam and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sea Foam (#8FFFD9): A whisper-light, balanced teal — the color of sea glass.
• Sky (#5EC3F0): A luminous, balanced blue — the color of open sky before noon.
• Slate Blue (#9876BD): A luminous, balanced violet — the color of wild irises.
• Navy (#2D3F57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Hazy 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

• Soft Glacier color palette (#F0F5FF, #6AFEF9, #93B7FF, #C077AA, #323958)
• Soft Celadon color palette (#E5F9FF, #AEFC92, #00D2DB, #778BD5, #214051)
• Powder Atelier color palette (#E1FBFF, #8CB7DD, #817EA0, #59705D, #3C5852)
• Muted Sky Basin color palette (#B4EEFF, #4DB1F4, #5D70BE, #5B4B82, #4F3A55)
• Hushed Study color palette (#F4F4FF, #89CAFF, #B38EF0, #C2584C, #352845)
• Soft Iris color palette (#E5F7EF, #85E5FF, #64CDFF, #5F91DF, #00291F)
• Violet Coast color palette (#F1F4FF, #20B5F9, #9965F2, #B53954, #341E3B)
• Chalky Iris color palette (#F1F5FF, #8B96F2, #AA8316, #585F9C, #514015)

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