Tempered Petrol color palette — #E1ECEA · #94BAC8 · #007989 · #004C48 · #001921
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#E1ECEA): a clean, paper-quiet neutral.
- Ash (#94BAC8): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007989): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C48): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001921): 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
- Cerulean Balcony color palette (#E9F5F3, #AECDDC, #2C88A3, #005B5E, #002433)
- Weathered Cobalt Loft color palette (#E1ECEB, #9CB7CF, #246CB9, #004762, #021338)
- Patina Courtyard color palette (#F8ECE6, #99BC9F, #007392, #00523B, #08304E)
- Softworn Workshop color palette (#D6E2E1, #7DA2B8, #006085, #003841, #000C18)
- Aged Cerulean Studio color palette (#E6F2F0, #458295, #004258, #001F23, #000103)
- Aubergine Veranda color palette (#E3E0F0, #A165A8, #007697, #72007D, #00151E)
- Terracotta Alley color palette (#E0DCF5, #8D4D98, #A52C27, #004A96, #17001C)
- Cocoa Boulevard color palette (#FEE8F4, #A57C61, #853D15, #5B1400, #190A00)
Browse the whole catalog at Explore, or see today's palette.