Teal Pier color palette — #FBF4EF · #C8DDE6 · #DABADC · #6EAFAE · #624A5B

Turquoise and Carnation set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Silver (#C8DDE6): A whisper-light, dusty blue — the color of open sky before noon.
• Carnation (#DABADC): A whisper-light, dusty pink — the color of neon signs at night.
• Turquoise (#6EAFAE): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#624A5B): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: 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

• Muted Cerulean color palette (#F4F6EF, #C5DCE7, #B0BFE9, #3BA0B8, #35554C)
• Hushed Ash color palette (#F7EFF3, #D7D1E5, #7C9FC9, #2E7878, #2D3649)
• Stone Thicket color palette (#EDFAE8, #8DD8CB, #EAA7BF, #D2927D, #394733)
• Frosted Cobalt Grove color palette (#F5E7D9, #72A7CD, #4971C0, #005C64, #090029)
• Timeworn Sky color palette (#FCF3EF, #C7EAD3, #69BCEB, #449E8B, #203B60)
• Weathered Atelier color palette (#FAF8CE, #B3E7BE, #7AC8AE, #4C9C93, #36543B)
• Hushed Fern Summit color palette (#FAF5E6, #DFDBB6, #C5B48B, #A78D6D, #464D00)
• Hazy Azure Grove color palette (#FAE9DE, #93C9E0, #4497E0, #007D78, #101948)

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