Hazy Teal Pier color palette — #F0F3D2 · #8DD7B8 · #18BAB1 · #308799 · #37554A

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

The five colors

• Custard (#F0F3D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Lagoon (#8DD7B8): A whisper-light, balanced teal — the color of sea glass.
• Turquoise (#18BAB1): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#308799): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#37554A): A full-bodied, dusty teal — the color of glacier melt.

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

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

• Hushed Aqua color palette (#D4FFFC, #A6EFF3, #6DCCC2, #368C97, #304F62)
• Softworn Turquoise color palette (#E2F3D8, #78D3D7, #00ABC9, #4380AA, #5D4559)
• Turquoise Loft color palette (#E6FCEA, #A2E2F4, #34B2BC, #1F7280, #21422C)
• Blush Parlor color palette (#EDF9ED, #7ED5D6, #EC959D, #249FA0, #65433A)
• Jade Grove color palette (#FFF4E0, #C4CA8E, #76AB61, #3C8D72, #3F523A)
• Misty Denim color palette (#CBE7DC, #00B2B7, #008197, #005497, #1E2A57)
• Mint Alley color palette (#A8F3D1, #00CCB5, #0099B0, #006D9C, #0F3D6F)
• Periwinkle Pier color palette (#C7EACF, #5DC4EB, #5394EE, #5D5EA4, #5F3949)

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