Tempered Petrol color palette — #F7EAF2 · #96B6CA · #3469AB · #005146 · #2A245A

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

The five colors

• Blush (#F7EAF2): bright and airy, almost weightless.
• Ash (#96B6CA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3469AB): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#2A245A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Worn Cobalt color palette (#FBF3F6, #ABC9E1, #5376BD, #00605A, #3B335D)
• Timeworn Forest Harbor color palette (#F4EBF5, #81BEBC, #00748F, #005417, #002F57)
• Petrol Lagoon color palette (#F0E8DB, #83BDD4, #0072A9, #004B4E, #001532)
• Linen Nightshade color palette (#F5E5EA, #7CA3C7, #4046B3, #003E40, #2A0A46)
• Wandering Ash color palette (#E7F6FF, #B6C8F5, #C586AD, #006D63, #15314A)
• Airy Forest Coast color palette (#FBF2FC, #A3D8E6, #008DAE, #006C21, #0B4171)
• Onyx Veranda color palette (#D9F9EC, #009CA1, #00667A, #003C67, #2E1555)
• Timeworn Azure color palette (#CEE6FF, #4F92D6, #005686, #002D43, #001A2B)

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