Tempered Petrol color palette — #E9F1EB · #89BAC9 · #007586 · #005140 · #003344
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E9F1EB): a clean, paper-quiet neutral.
- Ash (#89BAC9): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007586): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003344): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Petrol Chapel color palette (#E7F2E9, #97B5CF, #3269AA, #004E5B, #1D2A56)
- Forest Study color palette (#EEE6ED, #84C0C0, #007695, #004F1B, #001630)
- Airy Cobalt Parlor color palette (#EEF8F0, #A2D7ED, #0088C8, #00666A, #1D406C)
- Quiet Turquoise color palette (#F5EDE2, #8BE5E6, #00B8D2, #009476, #003344)
- Tempered Forest Market color palette (#F9EBE6, #93D1D2, #0094BA, #107130, #092E55)
- Cypress Atelier color palette (#F1F7F2, #D1E1F3, #5FA5B8, #237F6E, #39566B)
- Weathered Meadow color palette (#E0EAE2, #518A97, #004359, #002220, #000A16)
- Navy Drift color palette (#DFE8E1, #6D94B2, #004793, #002E38, #080049)
Browse the whole catalog at Explore, or see today's palette.