Tempered Petrol color palette — #DDE6FD · #B19FCD · #D07CA8 · #0078AB · #090029

Cerulean and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DDE6FD): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#B19FCD): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#D07CA8): A luminous, balanced rose — the color of pressed rose petals.
• Cerulean (#0078AB): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#090029): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light.

Use it as a design system

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

• Antique Wisteria color palette (#DBEAF6, #99A7D7, #BB77CE, #007B84, #000E29)
• Airy Drift color palette (#E9ECFA, #CB92C0, #DC6F73, #3C60C1, #1E0327)
• Gentle Field color palette (#FFE8F7, #A597D6, #9763BB, #233CA0, #0F092B)
• Lilac Thicket color palette (#E8D9E5, #9D70D1, #9C5076, #003243, #02000E)
• Iris Boulevard color palette (#EAEAFC, #F5ACD6, #F49C86, #767DDF, #391735)
• Violet Canyon color palette (#E4DEF1, #EDA3AD, #EF7D2D, #8752DE, #38021C)
• Washed Balcony color palette (#EEEDF9, #AA6BCA, #AC3500, #8200AE, #060000)
• Aged Byzantium color palette (#ECE7FF, #A238A4, #795D00, #005346, #050005)

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