Teal Pier color palette — #FEF1F6 · #D8DEF5 · #A8BCEF · #5BA7A3 · #42465D

Turquoise and Sky set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FEF1F6): a clean, paper-quiet neutral.
• Frost (#D8DEF5): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#A8BCEF): A luminous, dusty violet — the color of wild irises.
• Turquoise (#5BA7A3): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#42465D): A full-bodied, dusty violet — the color of a velvet chair.

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

• Ash Dune color palette (#ECF7FF, #DED8E4, #AEB8A9, #74AEBC, #3F4A5A)
• Tempered Cerulean Parlor color palette (#F9F4ED, #BCE9ED, #85A7D2, #3B8696, #593D53)
• Emerald Balcony color palette (#FAF2FA, #AAEFF0, #67BFE0, #5C9D69, #273C54)
• Feathered Marigold color palette (#EDF7FF, #95D5FF, #F2AE5E, #5DA7D7, #583C1B)
• Periwinkle Lagoon color palette (#F9EAEE, #A9DAFF, #819EFF, #009190, #342350)
• Pale Cobalt Harbor color palette (#F8ECF2, #58ADC8, #0077CA, #005F4C, #06002B)
• Feathered Mustard Canyon color palette (#ECF7FF, #59CCFF, #D3B140, #B7A468, #243B4A)
• Powder Market color palette (#EEF6FF, #C6DAFF, #86B1F9, #607EB3, #102E4A)

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