Tempered Petrol color palette — #E1EAF1 · #B0AEBF · #A690B3 · #007DA2 · #041621

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

The five colors

• Frost (#E1EAF1): bright and airy, almost weightless.
• Ash (#B0AEBF): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#A690B3): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#007DA2): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#041621): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Hushed Denim color palette (#DCE7E3, #BDAFBD, #A78C9E, #00597F, #031811)
• Ultramarine Quarry color palette (#E3E9F1, #A49DA8, #968090, #2A59C9, #01091A)
• Ancient Fern Meadow color palette (#CFEDF9, #62A4AF, #577DB2, #5D5D00, #00251D)
• Abyss Quarry color palette (#DFEEE7, #B096AC, #8E737D, #003C50, #000603)
• Worn Dune color palette (#E6F0F7, #C1D2E6, #98A6C4, #005478, #000307)
• Muted Violet Harbor color palette (#E6E6EF, #C8BBC4, #C49DA7, #9763CA, #1D1D31)
• Hazy Denim color palette (#CEE7DC, #68A97A, #008279, #005994, #001506)
• Antique Veranda color palette (#EDF7FF, #DBD6EA, #D4B7DA, #00A2EC, #1F3547)

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