Tempered Boulevard color palette — #F1F5FF · #CFD5E8 · #BAACA5 · #FF7FA6 · #31164E

Rose takes the lead with Deep Indigo close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Silver (#CFD5E8): A whisper-light, dusty violet — the color of wild irises.
• Ash (#BAACA5): soft and architectural.
• Rose (#FF7FA6): A luminous, balanced red — the color of embers at dusk.
• Deep Indigo (#31164E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged candy, vibrant, 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

• Aged Coral Villa color palette (#F5F3FF, #DBDBE6, #D4B3A8, #FF846A, #3C082F)
• Pale Fuchsia color palette (#F0F5FF, #C5D9F6, #D6C2C6, #FF67DF, #331F59)
• Mustard Coast color palette (#F9F2FE, #E1D7E0, #E0BF71, #AFB2A7, #4B3547)
• Rose Delta color palette (#F1F5FF, #ACECFF, #CBBDFF, #FF2E5C, #250339)
• Wandering Chapel color palette (#DEFCFF, #D4D9FA, #B5A0C8, #008066, #00494F)
• Washed Thicket color palette (#EDF1FF, #B0CFFF, #B3AAFF, #B749AC, #230F3F)
• Tempered Amber Study color palette (#F9F2FF, #DED8E3, #FFBBE0, #DB7A00, #2C000D)
• Frosted Boulevard color palette (#FFF0F7, #A3E1FF, #A3A1FF, #CB4E6B, #492D52)

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