Tempered Petrol color palette — #E2EBEA · #93BACB · #00788D · #004B4B · #001922
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#E2EBEA): a clean, paper-quiet neutral.
- Ash (#93BACB): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00788D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001922): 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
- Tempered Cerulean color palette (#E8F5F3, #AFCCDC, #1288AD, #005A62, #002435)
- Hushed Denim color palette (#DAE6E5, #7BA2BB, #005F89, #003843, #000C19)
- Softworn Abyss color palette (#D5E8E6, #478196, #00415A, #001E24, #000103)
- Grape Garden color palette (#C6E8FC, #007696, #6539C4, #005B39, #000D14)
- Aged Byzantium color palette (#D8F1FE, #008EA7, #8A48AD, #004F5E, #1F002E)
- Chestnut Corridor color palette (#D8E3D7, #9F814F, #764A00, #4B2600, #001305)
- Wandering Petrol Garden color palette (#E0ECEA, #94B9CD, #007699, #004A51, #001826)
- Worn Cypress color palette (#DDEDE9, #94BBC6, #007A82, #004C43, #001A1F)
Browse the whole catalog at Explore, or see today's palette.