Tempered Boulevard color palette — #EFF6FF · #CBD7FF · #B5AEEE · #396B96 · #2F3B4F

A conversation between Lavender and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lilac Frost (#CBD7FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#B5AEEE): A luminous, balanced violet — the color of a velvet chair.
• Slate (#396B96): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2F3B4F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, light, muted.

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

• Ancient Periwinkle color palette (#EBF7FF, #A2DBFF, #74ADFA, #1E7E8E, #233F52)
• Muted Quarry color palette (#F1F5FF, #DCD8E1, #CFACE9, #687FB4, #42485B)
• Airy Iris Atelier color palette (#CEE0FF, #A8B1FF, #9576CA, #004A8B, #1D2043)
• Softworn Fuchsia color palette (#F3F4FF, #E9ADFF, #F962E4, #6556B4, #412856)
• Weathered Shell Atelier color palette (#ECF7FF, #E6D5EC, #F9B7BE, #6DB8B0, #314257)
• Coral Garden color palette (#F5ECFF, #FAB0C8, #E57176, #82497B, #392843)
• Frosted Chapel color palette (#E5EBFF, #AA92D2, #A84CBA, #302C7F, #1C1030)
• Soft Mulberry color palette (#F4F4FF, #B281D8, #9B2476, #692D8F, #1D1327)

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