Teal Pier color palette — #F9F4EE · #BFEBE9 · #91C5E7 · #51A8AA · #543F56

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Honeydew (#BFEBE9): A whisper-light, dusty teal — the color of sea glass.
• Sky (#91C5E7): A luminous, dusty blue — the color of open sky before noon.
• Turquoise (#51A8AA): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#543F56): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Lagoon Studio color palette (#FBF3EF, #C0E8E7, #83A8D3, #2F8C78, #5A3D50)
• Washed Atelier color palette (#F9F4EE, #C3EADD, #7FCCD6, #66A88D, #2A513E)
• Powdered Sky color palette (#FDF4E6, #B8EFFF, #58C3F8, #00A6A3, #004271)
• Hazy Turquoise Boulevard color palette (#E6FBF0, #81D9FE, #F1AB87, #23ADDC, #63341B)
• Worn Meadow color palette (#F0E6D6, #6BADB6, #00819F, #005E54, #000B14)
• Washed Cerulean color palette (#ECF4EE, #C2E2F4, #3E96CA, #006C6F, #1B2D41)
• Faded Station color palette (#DFFDF1, #76C9F6, #E799B8, #A4AC62, #213F34)
• Linen Cobalt Orchard color palette (#F5EDE0, #71BAE2, #3287D2, #006B78, #000B40)

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