Tempered Boulevard color palette — #F3F4FF · #DCB1E8 · #CA83C3 · #9D6385 · #56465D

Bubblegum takes the lead with Lavender close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#DCB1E8): A luminous, balanced pink — the color of a candy shop window.
• Bubblegum (#CA83C3): A luminous, balanced pink — the color of peonies in June.
• Mocha (#9D6385): A full-bodied, balanced pink — the color of a candy shop window.
• Charcoal Brown (#56465D): A full-bodied, dusty pink — the color of peonies in June.

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

• Wandering Market color palette (#E5EBFF, #CAA1EA, #AE75A4, #7F4F5B, #5E424B)
• Mint Alley color palette (#F7F2FF, #E5B2D4, #64C89C, #B1769F, #265657)
• Patina Blush color palette (#F9F2FF, #FFCADE, #D485AA, #8F586F, #42334D)
• Lilac Grove color palette (#EEF6FF, #BCC9FF, #989AF0, #7A6EA2, #505069)
• Taupe Villa color palette (#FDF1F7, #E0C1CD, #C08E76, #8A6883, #3E4C3F)
• Ash Pier color palette (#F8F2FF, #EBD6DD, #B9AFA3, #BA9DC3, #554958)
• Antique Balcony color palette (#F8F2FF, #DD99BE, #ADA955, #569DB9, #473E50)
• Ember Lagoon color palette (#FFDEE1, #FFA299, #E06641, #9E592D, #5B3846)

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