Tempered Petrol color palette — #D8E9F1 · #ACAEC4 · #9D91AD · #007F93 · #001721

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D8E9F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#ACAEC4): A luminous, dusty violet — the color of a velvet chair.
• Blue Fog (#9D91AD): A luminous, dusty violet — the color of a velvet chair.
• Teal (#007F93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#001721): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Petrol Canyon color palette (#DAE1E8, #A49DB1, #99809C, #20689B, #000A16)
• Dusty Iris Courtyard color palette (#DEE2EF, #C9BAC9, #C19CAC, #7D75BB, #1B1F2B)
• Wandering Abyss color palette (#DEE9E2, #8EA69F, #8B7483, #003D4B, #000602)
• Muted Study color palette (#EBF7FF, #D9D7EF, #C9B8D4, #00A8D2, #203643)
• Washed Lapis color palette (#FFEAD0, #009BA9, #5D46E0, #633F00, #000D16)
• Frosted Brick color palette (#D8EAF2, #0091A5, #BB0B28, #593E00, #0D0600)
• Azure Canyon color palette (#D3EEF1, #4E97E4, #8B628A, #665823, #221B00)
• Velvet Cobalt color palette (#CFE8FF, #006FB4, #352858, #17171E, #000714)

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