Tempered Petrol color palette — #EDF4EE · #D7DBEE · #869EBE · #3B7484 · #2A364E

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Silver (#D7DBEE): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#869EBE): A luminous, dusty blue — the color of deep harbor water.
• Teal (#3B7484): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#2A364E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Hushed Cypress color palette (#EDF4EE, #C2E3EB, #569AA1, #1D6E51, #083042)
• Hushed Lagoon color palette (#E1EEE4, #6BA3C9, #215997, #003842, #02042C)
• Softworn Station color palette (#F1F0FF, #B18BC3, #AE8549, #308787, #272536)
• Aged Cypress Studio color palette (#F9F4EF, #CBE6E9, #8A96C7, #007E81, #664955)
• Washed Drift color palette (#E2ECE4, #7FBFD0, #00759E, #004B49, #00172C)
• Wandering Orchard color palette (#F1F0FF, #E1D2DE, #BDA899, #848CAB, #3A3545)
• Driftwood Cabin color palette (#E0EBFF, #B4AEE2, #8C76AF, #6E507C, #362F49)
• Softworn Parlor color palette (#E2EFE4, #438585, #00444D, #002017, #000203)

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