Tempered Boulevard color palette — #ECF9EE · #9FD3EF · #0091EC · #00717C · #0C2D6F

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Powder Blue (#9FD3EF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#0091EC): A luminous, vivid blue — the color of deep harbor water.
• Teal (#00717C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#0C2D6F): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Faded Pier color palette (#FEF4E4, #DAE5F9, #24A0FB, #00717C, #021E5A)
• Airy Cerulean color palette (#EAFAED, #82DBE4, #009CBC, #007464, #003850)
• Cobalt Station color palette (#DAE6DC, #90B6D5, #3576BE, #005765, #0C174F)
• Softworn Periwinkle Veranda color palette (#FFF3E9, #AAE3FF, #74ABFF, #00998A, #312763)
• Sapphire Station color palette (#FFF0F7, #6CC3EE, #0062E9, #00574E, #322761)
• Tempered Denim color palette (#DEE9E0, #5BA09F, #006470, #003D2D, #000B11)
• Gentle Quarry color palette (#FBDEE4, #EA4280, #708D00, #0075B4, #48001F)
• Plum Basin color palette (#F1DBFD, #FB5BA2, #00A482, #BD006D, #00372A)

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