Tempered Petrol color palette — #E4EBE5 · #93B9D2 · #0070B2 · #004A51 · #021336

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

The five colors

• Parchment (#E4EBE5): a clean, paper-quiet neutral.
• Ash (#93B9D2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0070B2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#021336): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Petrol color palette (#F8ECE3, #7EBBD6, #2D68B3, #005146, #2A2751)
• Timeworn Lilac Courtyard color palette (#E3F2FF, #B5C9F6, #A18EE1, #00677D, #051F37)
• Dusty Denim Basin color palette (#D9E4DB, #5DACA8, #00646E, #003B2A, #000D13)
• Sunlit Cobalt color palette (#F7EDDF, #80D0F6, #338DCF, #006B74, #132C56)
• Cerulean Ridge color palette (#C2EDEF, #0096B2, #006080, #003855, #001733)
• Aged Azure color palette (#D3E8FE, #4897E2, #005CA1, #002949, #000610)
• Feathered Mulberry Pier color palette (#D9E7F3, #0072AB, #AC0058, #445400, #000C18)
• Worn Bronze Market color palette (#DAE9F5, #008ABE, #A74E00, #004D6C, #220A00)

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