Tempered Petrol color palette — #DDEDEC · #8EBAD7 · #3070A4 · #00485C · #001532

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

The five colors

• Frost (#DDEDEC): bright and airy, almost weightless.
• Sky (#8EBAD7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3070A4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00485C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Softworn Corridor color palette (#E7F5F5, #B2CAE4, #5A7DAE, #005679, #121F3D)
• Weathered Petrol color palette (#F4EDE7, #89B8D6, #3E68A7, #004F53, #26255D)
• Washed Teal color palette (#DDF2EE, #55ACB0, #00646E, #003A35, #000D12)
• Brick Drift color palette (#DEDDF9, #8A48AC, #B00A31, #004F83, #150020)
• Timeworn Lagoon color palette (#E3F1EE, #218889, #004449, #00201B, #000202)
• Denim Boulevard color palette (#EDECFF, #EBBBEB, #D487B4, #6B5099, #1B1631)
• Aubergine Ridge color palette (#E0E4FF, #886AC9, #007A80, #560EA4, #001618)
• Chalky Parlor color palette (#DCDEF3, #776DD2, #6542B4, #461177, #200134)

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