Tempered Teal Pier color palette — #EFF8F0 · #CFE1FA · #85C8E2 · #53A99E · #344A5C

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Powder Blue (#CFE1FA): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#85C8E2): A luminous, dusty blue — the color of open sky before noon.
• Turquoise (#53A99E): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#344A5C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Worn Lagoon Workshop color palette (#FBF3F0, #C2E0E8, #82C5E6, #3A947C, #4E3451)
• Faded Aqua color palette (#EDF9EF, #9BF6FF, #00CAF3, #00A892, #0D455F)
• Powder Harbor color palette (#DEFCFC, #BEE5F0, #B7C0F8, #A2BC95, #3E585A)
• Antique Cypress Garden color palette (#F2F3EB, #C2DED9, #5099AC, #006C6C, #0C3424)
• Linen Cobalt Grove color palette (#DCEBDF, #67BED8, #008DC5, #006D6D, #00142B)
• Mallow Workshop color palette (#DBFDFB, #8FE2A8, #EE9FDB, #6EB082, #473B5B)
• Hazy Seafoam color palette (#DBFDFF, #87EECC, #68C8A2, #488D72, #003A29)
• Quiet Chartreuse color palette (#E1EBB9, #9DDA76, #70BF79, #559A76, #214F54)

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