Tempered Pier color palette — #ECF9EE · #9CD1FC · #3588FE · #006F85 · #222B69

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sky (#9CD1FC): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#3588FE): A luminous, vivid blue — the color of deep harbor water.
• Teal (#006F85): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#222B69): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Tempered 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

• Cerulean Atelier color palette (#E8FBEC, #63DDF9, #0099CA, #00736E, #003659)
• Patina Periwinkle color palette (#F2F8E5, #DDE2F5, #509DF1, #006D91, #001E5B)
• Pale Sapphire color palette (#E0ECE2, #86B6E6, #406DD6, #00566D, #191746)
• Periwinkle Bloom color palette (#FFF3E7, #B6DFFF, #7EA9FF, #0096A2, #30246B)
• Softworn Denim color palette (#CDEBF2, #00ABDA, #0085C0, #0054A1, #1A2C72)
• Patina Wisteria color palette (#EDF5FF, #E5D3F1, #D09AFF, #0091C6, #203464)
• Sunlit Delta color palette (#E1EEFF, #208CFB, #EC0053, #458100, #022449)
• Patina Villa color palette (#F0F7F1, #BFEDFD, #2CB7D2, #198E77, #2B4C61)

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