Teal Pier color palette — #ECF7FF · #DCD7EC · #F4BCBB · #5DB2B0 · #35435D

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Silver (#DCD7EC): A whisper-light, dusty violet — the color of wild irises.
• Rose Quartz (#F4BCBB): A whisper-light, dusty red — the color of embers at dusk.
• Turquoise (#5DB2B0): A luminous, balanced teal — the color of sea glass.
• Navy (#35435D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, 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

• Dusty Aqua Villa color palette (#EEF6FF, #DFD9E2, #C4BDA4, #7ABFCB, #4C5165)
• Turquoise Study color palette (#ECF2FF, #FFD5FC, #FFB6B1, #00AFDF, #442A57)
• Tempered Azure Harbor color palette (#EEF6FF, #DAD8E3, #B6ADA5, #26A5CE, #24334A)
• Dusty Honey color palette (#EEE7FF, #FFC9D6, #F1B96D, #8495D8, #3E314D)
• Timeworn Mint Balcony color palette (#EFDCCA, #00EC98, #00B1DC, #3A5564, #112029)
• Bronze Workshop color palette (#D4F0DF, #B6C99E, #AA9F66, #9B6F44, #0E3737)
• Muted Courtyard color palette (#C5E6FF, #CAC4FF, #FC91BA, #009AA8, #131E3E)
• Oat Thicket color palette (#E6EFFE, #BDD388, #7185C1, #48547A, #0F1623)

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