Tempered Petrol color palette — #F1E4DE · #5EB1B4 · #00728A · #004D32 · #001626
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F1E4DE): bright and airy, almost weightless.
- Turquoise (#5EB1B4): A luminous, balanced teal — the color of glacier melt.
- Teal (#00728A): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D32): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#001626): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Muted Hollow color palette (#F8E7DB, #70ABC4, #086AAE, #004A47, #060149)
- Tempered Petrol color palette (#F7EAF3, #76C7C8, #00738B, #004028, #000307)
- Tempered Dune color palette (#EFF0DF, #6DC0C2, #0094A2, #006E64, #00171D)
- Dusty Abyss color palette (#D1E5E0, #609B9C, #00545C, #00302B, #00171D)
- Cerulean Summit color palette (#D9F0DA, #73C1B1, #009BC9, #635A00, #001B10)
- Softworn Forest Terrace color palette (#F7ECE6, #B1CDAF, #0096AE, #057041, #00324A)
- Emerald Station color palette (#D7F4E2, #00A55C, #006437, #002D11, #000401)
- Olive Boulevard color palette (#F5EED1, #767D00, #3A6400, #003A1C, #00150E)
Browse the whole catalog at Explore, or see today's palette.