Hazy Teal Pier color palette — #FFF2EB · #C2F1D8 · #7ABBFF · #00A98B · #373A6A

Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Honeydew (#C2F1D8): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7ABBFF): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00A98B): A luminous, balanced teal — the color of sea glass.
• Navy (#373A6A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Quiet Emerald color palette (#FFF2EE, #B5F2F0, #19C9F6, #42A951, #0A4171)
• Aged Periwinkle Chapel color palette (#FFF2EA, #A5E4FF, #6BADFF, #009A85, #2E236E)
• Teal Workshop color palette (#FAF4EE, #C9DDE8, #DCBAD6, #70AFAC, #634A55)
• Chalky Fuchsia Meadow color palette (#ECFBE4, #3CF9D9, #E371D4, #00B097, #572351)
• Hushed Pine color palette (#F0E3DF, #78D1D1, #00A1C9, #008430, #001F40)
• Hazy Seafoam Dune color palette (#D6FFF9, #23F6D8, #00C3B4, #00887A, #003226)
• Worn Lime Delta color palette (#DCFFE9, #C4E8FC, #D3C6E9, #A1B556, #354E32)
• Soft Lime color palette (#EFF0D3, #8AD24B, #00BF80, #008D7F, #00434D)

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