Teal Pier color palette — #FAF3F7 · #D8D4E3 · #A5CBF3 · #4AB5B2 · #46536C

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D8D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#A5CBF3): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#4AB5B2): A luminous, balanced teal — the color of glacier melt.
• Peacock (#46536C): A full-bodied, dusty violet — the color of a velvet chair.

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

• Cerulean Workshop color palette (#F4F6F0, #CCE2E1, #8CB8D3, #3494A8, #2C5348)
• Tempered Cornflower Meadow color palette (#ECDEE2, #84B6DF, #4E79F1, #006B77, #160040)
• Worn Teal color palette (#FDF0FF, #FAB0BB, #93CDAA, #46C4C3, #4D3B50)
• Weathered Grove color palette (#F8F0EB, #C0ECEC, #77A89C, #5A7358, #422F3D)
• Sunlit Emerald color palette (#FEF1F9, #B6F2EE, #00CCE9, #00AC61, #004662)
• Weathered Atelier color palette (#FAF2FF, #F8C4D6, #92D9B7, #E784AB, #1C5759)
• Mallow Boulevard color palette (#F9F2FE, #D4F2D5, #EAD6DA, #D0B4E0, #5C4D5B)
• Antique Orchard color palette (#FDF2F6, #C8E1CB, #D3A8BA, #A985A0, #354E41)

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