Tempered Petrol color palette — #F1F3EB · #C2E4E5 · #7BA798 · #307588 · #183E36
Built around Teal, softened by Taupe — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F3EB): bright and airy, almost weightless.
- Silver (#C2E4E5): A whisper-light, dusty teal — the color of shallow lagoons.
- Taupe (#7BA798): A luminous, dusty teal — the color of glacier melt.
- Teal (#307588): A full-bodied, dusty blue — the color of open sky before noon.
- Forest (#183E36): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Wandering Petrol color palette (#E9EAE0, #81BFC7, #00788C, #004B4A, #001922)
- Muted Ash color palette (#F0F3EC, #C6E0E3, #809FC4, #457188, #412F40)
- Tempered Ash Lantern color palette (#DDF9F1, #71A1CC, #9E7FB3, #3E877A, #152C26)
- Weathered Chapel color palette (#D1F9DE, #7BC8DF, #4596B9, #265D7A, #1D4036)
- Timeworn Studio color palette (#E5F6F2, #F0D3CE, #D7B1A3, #678F80, #433744)
- Ancient Lagoon color palette (#F2F3E6, #99DEDD, #00949E, #006357, #002B32)
- Navy Balcony color palette (#E6EBDF, #648EB9, #00449A, #00283D, #01001E)
- Ancient Veranda color palette (#F7F1E5, #C6BA9C, #9D7E39, #745101, #312C18)
Browse the whole catalog at Explore, or see today's palette.