Tempered Bloom color palette — #E9F3FF · #ABBFEC · #7B86C6 · #4D4A81 · #332255

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

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Sky (#ABBFEC): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#7B86C6): A luminous, balanced violet — the color of wild irises.
• Peacock (#4D4A81): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#332255): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Creativity, Balance. Tagged muted.

Use it as a design system

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

• Powder Field color palette (#DDFFE9, #88C2F4, #7784BD, #645386, #5C3860)
• Weathered Cerulean color palette (#E0F6FF, #8BC7D9, #3596BC, #055D8A, #003156)
• Hushed Periwinkle color palette (#EFF6FF, #B8D0FF, #909FD6, #6A6B9E, #4C4170)
• Lilac Drift color palette (#EFF1FF, #D1B2E4, #A972B2, #76456F, #491737)
• Tempered Loft color palette (#FAEDFC, #8EABE6, #7470AD, #6F4352, #232C3D)
• Cerulean Cabin color palette (#EDF2F8, #D6D6DF, #B4ABB5, #6387A7, #32373C)
• Softworn Cobalt color palette (#E7EEFA, #697DCB, #333A51, #181E2B, #0A0D10)
• Amethyst Corridor color palette (#D8DEFF, #9991FD, #7F34DC, #600092, #2D0038)

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