Tempered Petrol color palette — #F1E7E3 · #7EC1C4 · #007699 · #004F25 · #001435
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F1E7E3): bright and airy, almost weightless.
- Mint Leaf (#7EC1C4): A luminous, dusty teal — the color of glacier melt.
- Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F25): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#001435): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Softworn Quarry color palette (#EFE8E0, #93BEB0, #4C64B9, #004B4A, #1C0737)
- Timeworn Lantern color palette (#F3EEE5, #9DBAA2, #00748A, #005144, #003347)
- Timeworn Denim Station color palette (#EEE3DC, #67A7BD, #165A97, #003B2F, #08002F)
- Frosted Forest Station color palette (#F3ECF3, #93D1D7, #2C91BE, #007041, #102B5B)
- Lagoon Courtyard color palette (#E1EFE1, #009C7E, #006769, #003F4E, #001633)
- Aged Corridor color palette (#D3EFD6, #9ED3FF, #B196CE, #287341, #001B28)
- Tempered Azure color palette (#AAEDFF, #00A2C7, #006678, #002D37, #000609)
- Navy Dune color palette (#E9DDD5, #4A8290, #003F66, #002016, #01000B)
Browse the whole catalog at Explore, or see today's palette.