Tempered Boulevard color palette — #F3F4FF · #CABBEC · #B5B679 · #9877D3 · #315646

Lavender Blue and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CABBEC): A whisper-light, dusty violet — the color of wild irises.
• Sage (#B5B679): A luminous, balanced green — the color of new leaves after rain.
• Lavender Blue (#9877D3): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#315646): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged 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

• Pale Cornflower Lantern color palette (#EFF6FF, #A9C6F3, #C4B06B, #568BE1, #584C23)
• Aged Peony Canyon color palette (#F8F2FF, #E8B1CF, #77C49D, #C26A9D, #255657)
• Softworn Terrace color palette (#FFF1F6, #EED3EB, #CED28B, #A08EC9, #48463F)
• Lagoon Grove color palette (#F3F4FF, #BCA6D8, #9FAD69, #509E79, #3F4059)
• Tempered Ash color palette (#F3F4FF, #E3D7E0, #B7B7A3, #91AAD6, #545166)
• Worn Teal Station color palette (#FDF1F7, #B1A7DD, #29ADAD, #7567A7, #3F533F)
• Basalt Canyon color palette (#F5F4FA, #ABDECE, #80779A, #61405F, #2C2934)
• Powdered Plum color palette (#F1EBFD, #CB92C2, #00AE93, #AB3E9E, #003F34)

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