Teal Pier color palette — #FCF3EF · #C6E8E5 · #81C6F7 · #00B09E · #573E55

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Silver (#C6E8E5): A whisper-light, dusty teal — the color of sea glass.
• Sky (#81C6F7): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00B09E): A luminous, balanced teal — the color of sea glass.
• Charcoal (#573E55): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Frosted Studio color palette (#FFF2EC, #C7F0D5, #5EC2FA, #00A890, #1A3F73)
• Dusty Jade Drift color palette (#FAF4F0, #C5DEE1, #A1C5E5, #6CB489, #325247)
• Patina Powder color palette (#F4F6ED, #BBE3F1, #72C7EB, #35919A, #1E483A)
• Powdered Periwinkle color palette (#FFF3E8, #B5E0FF, #7BA9FF, #0096A1, #2E256A)
• Teal Drift color palette (#FFF2EF, #FB9EB9, #87C87E, #00BEB3, #4F2D29)
• Muted Lagoon color palette (#FFF1F1, #E2D9D0, #C7A2E2, #ABB4BF, #5D433E)
• Wandering Cypress color palette (#F7EFF4, #ADE7F8, #6194B7, #0D6D61, #1B2D45)
• Washed Petrol Study color palette (#F6E9E2, #6FACB1, #0080A2, #006045, #000A17)

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