Tempered Teal Pier color palette — #E7F9FF · #D3DBE7 · #BAADB1 · #69B0AA · #2A4854

A conversation between Turquoise and Charcoal, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Silver (#D3DBE7): bright and airy, almost weightless.
• Ash (#BAADB1): soft and architectural.
• Turquoise (#69B0AA): A luminous, dusty teal — the color of sea glass.
• Charcoal (#2A4854): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Tempered 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 Powder color palette (#ECF7FF, #D8D9E4, #99C2D9, #BCB0AF, #445360)
• Washed Periwinkle Study color palette (#EFF6FF, #DBD8E2, #B9ADA6, #54A9EB, #283A63)
• Softworn Iris Ridge color palette (#D0E6F8, #9CBFEE, #7A88CD, #004A63, #000105)
• Patina Cerulean color palette (#E8F8FF, #D6DAE6, #C5C3F7, #0096A7, #003043)
• Wandering Powder Field color palette (#E6FCEA, #BCE9E3, #8FCCF1, #3B8B88, #3F5848)
• Dusty Taupe color palette (#FFF0F8, #F7D0E2, #C39178, #8A5E51, #422933)
• Softworn Azure color palette (#E0FAFF, #8DDDFA, #54A1DE, #00656A, #000406)
• Bronze Station color palette (#E8F9FD, #56C2C0, #AD7C32, #5E6625, #001A1A)

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