Teal Coast color palette — #E8F8FF · #D4DAE6 · #B7A7B4 · #41A9A9 · #1B3743

Built around Turquoise, softened by Deep Teal — the whole palette hums with sophistication.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Silver (#D4DAE6): a clean, paper-quiet neutral.
• Ash (#B7A7B4): A luminous, dusty pink — the color of a candy shop window.
• Turquoise (#41A9A9): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#1B3743): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Teal Coast 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

• Wandering Mallow Boulevard color palette (#E3FAFF, #CCDBF1, #CEBAEA, #82B093, #214451)
• Hushed Cobalt color palette (#EFF6FF, #DBD8E3, #BAACA6, #0D91D8, #1A3154)
• Aged Powder color palette (#EFF6FF, #DAD8E2, #B8AEA7, #92B3D7, #4C5461)
• Timeworn Lantern color palette (#E4F8E7, #B6E8FF, #9DBBE4, #157968, #072717)
• Timeworn Pine color palette (#E1FBFF, #A0DDFF, #B5A8E2, #49774B, #244553)
• Tempered Mallow Studio color palette (#F3F4FF, #E7D8E0, #FEB1F9, #7C79BD, #2A1A3A)
• Aged Loft color palette (#E7EFFF, #BDB3F6, #A86BE7, #214086, #00000B)
• Iris Harbor color palette (#DFF1FF, #B2D6FF, #809BFF, #005774, #000915)

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