Tempered Petrol color palette — #F2E8E3 · #6DACB5 · #007FA8 · #005F4B · #000919

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

The five colors

• Cream (#F2E8E3): bright and airy, almost weightless.
• Blue Fog (#6DACB5): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007FA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005F4B): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000919): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Aged Basin color palette (#EEE2DB, #53C1D8, #008DC5, #006F5E, #001232)
• Quiet Sapphire color palette (#F1E4D8, #67A9CF, #006FE4, #005D60, #060228)
• Timeworn Denim Atelier color palette (#E2EFEC, #5E9EA8, #006376, #003B3B, #000B11)
• Weathered Canyon color palette (#CBE7D4, #69B2E5, #9B82FF, #007E6B, #000C16)
• Aged Scarlet color palette (#DDF7E6, #008DA3, #D30C0C, #005F6E, #140000)
• Antique Cerulean color palette (#DFECE2, #278693, #004254, #00201C, #000103)
• Quiet Harbor color palette (#D7EBDD, #007D8F, #C00515, #8A4100, #000203)
• Worn Atelier color palette (#F6ECE6, #AFE0CA, #57A8FF, #009190, #232A4F)

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