Tempered Petrol color palette — #F5F1EB · #CAE0E0 · #79A1C2 · #007A83 · #432D43

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#CAE0E0): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#79A1C2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007A83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#432D43): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Cypress Market color palette (#F5F1EB, #CAE0DD, #7BA895, #007B78, #1F3D35)
• Antique Balcony color palette (#FAF3F6, #D7DFF0, #749CCF, #437A6F, #4B5267)
• Denim Quarry color palette (#EEE7DB, #6BA6BC, #005E8B, #00393B, #000A1E)
• Tempered Cerulean Corridor color palette (#F8F1E6, #97DFDB, #0094A1, #006549, #002A35)
• Tempered Navy Courtyard color palette (#EFE6D8, #628FB6, #023FA4, #002A35, #02001C)
• Timeworn Meadow color palette (#F6F2E3, #B3B981, #9994CC, #737800, #432637)
• Patina Teal Veranda color palette (#FAF4F0, #C6DCE7, #C2BCE8, #3DA598, #5E4552)
• Antique Coast color palette (#F6F3DE, #95A46B, #5595C0, #AB5C76, #2C280E)

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