Tempered Bloom color palette — #F1F0FF · #CEA5DD · #817788 · #545361 · #202127

Mauve and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#F1F0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#CEA5DD): A luminous, balanced pink — the color of neon signs at night.
• Slate (#817788): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#545361): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#202127): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Mallow Lagoon color palette (#F5F3FF, #C79CD2, #575163, #2B2839, #0F0F15)
• Ancient Coral Station color palette (#EFDFED, #ED8A86, #826772, #534452, #1B161D)
• Dusty Fuchsia color palette (#F0E7FE, #FA52D1, #785C79, #463C54, #11101B)
• Ancient Bloom color palette (#F1F5FF, #E4D4E4, #CCB9CD, #8AA0A4, #375357)
• Patina Mallow Summit color palette (#F4F4FF, #EDC4F0, #E0A0C2, #BF828F, #634A5F)
• Shell Thicket color palette (#FBF1FF, #F6B1C3, #86CEBB, #64B0C7, #493E4D)
• Powdered Peony color palette (#EFE7F7, #E63C9E, #664862, #372941, #05030D)
• Ember Study color palette (#F9EBF3, #EA6100, #72530F, #502815, #0F0210)

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