Hazy Teal color palette — #A4F6F0 · #2DC5C1 · #008380 · #004E4B · #001817

Aqua and Teal set the tone — five colors that lean into calm and balance.

The five colors

• Sea Foam (#A4F6F0): A whisper-light, balanced teal — the color of sea glass.
• Aqua (#2DC5C1): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#008380): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004E4B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001817): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Balance. Tagged monochrome, cool.

Use it as a design system

One click turns Hazy Teal 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 Study color palette (#BBF9DA, #62BD8C, #008A5C, #004F33, #001C0F)
• Cerulean Thicket color palette (#E8F8FF, #6CC9CD, #0095A0, #00585B, #00262A)
• Linen Aqua Drift color palette (#97F5F0, #00D5D9, #00A79E, #00726C, #001917)
• Muted Seafoam Studio color palette (#D4FFFC, #00E1D5, #008E8E, #003C3C, #000606)
• Softworn Terrace color palette (#C7E7FF, #5DB9ED, #007DB8, #00496C, #001A29)
• Pale Emerald Garden color palette (#E0FBFF, #A0E6F4, #71BFF8, #009864, #00383B)
• Gentle Amethyst color palette (#E0EDF8, #4BB1E2, #7855D0, #006C94, #080925)
• Worn Atelier color palette (#F7E9CF, #00B2CA, #AB7AE9, #00313A, #00161F)

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