Hazy Seafoam color palette — #B7F5D5 · #38E8C8 · #00BECC · #4794B1 · #5C3F5B

Lagoon takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Mint (#B7F5D5): A whisper-light, dusty teal — the color of shallow lagoons.
• Lagoon (#38E8C8): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00BECC): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#4794B1): A luminous, balanced blue — the color of deep harbor water.
• Cocoa (#5C3F5B): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Pale Aqua color palette (#B1FAE5, #00D0C8, #00A3AB, #1A7B8E, #2A4F65)
• Timeworn Coast color palette (#B6FAEE, #4BE1FE, #50B4F4, #6586BF, #614152)
• Gentle Glacier color palette (#E4FCEC, #55E0FE, #FFA098, #1CB1CC, #5F3532)
• Misty Market color palette (#DDEEBD, #7AE296, #22C2A1, #339697, #2B503F)
• Antique Sapphire Ridge color palette (#CEF7EC, #00C8CE, #00A3CB, #006AC4, #2F296F)
• Cerulean Basin color palette (#B3EEF0, #68C1B4, #00909C, #005363, #08314C)
• Hazy Market color palette (#95F0FF, #65CAFF, #72A3FF, #6C69D3, #563464)
• Pale Lagoon Workshop color palette (#DCF5E7, #009896, #007792, #005174, #000C30)

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