Tempered Petrol color palette — #E0EDF4 · #98A0B3 · #8087A0 · #006F82 · #010B11

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

The five colors

• Frost (#E0EDF4): a clean, paper-quiet neutral.
• Blue Fog (#98A0B3): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8087A0): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#006F82): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#010B11): 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

• Antique Abyss Canyon color palette (#E5EEF2, #97A7B3, #77879F, #004F56, #000B11)
• Softworn Spruce color palette (#E2EEF3, #828F9B, #5F6A86, #003034, #000202)
• Timeworn Bloom color palette (#DBE0ED, #B8ABC6, #A490B0, #6668B1, #0E1322)
• Cobalt Veranda color palette (#DAEAF8, #5586D6, #5B649F, #544565, #001112)
• Tempered Aubergine Pier color palette (#D0E7D7, #0086AD, #005C9F, #5C0A6A, #000408)
• Patina Lagoon color palette (#D3EBFB, #00B3CE, #5888D5, #0070E2, #000306)
• Dusty Terrace color palette (#DAEFFF, #007BB0, #562DC3, #5E0651, #000202)
• Muted Azure Chapel color palette (#E6F0F8, #CFD2E3, #B7B7D2, #4A9BC9, #22303A)

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