Tempered Petrol color palette — #DFECEA · #6CC4C8 · #007986 · #004C46 · #001A20
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Frost (#DFECEA): a clean, paper-quiet neutral.
- Aqua (#6CC4C8): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007986): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001A20): 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
- Weathered Harbor color palette (#F3EEE5, #80BEC1, #007589, #005142, #003346)
- Cobalt Veranda color palette (#DAEEED, #84BAE5, #0E6CBD, #004760, #021435)
- Worn Denim Veranda color palette (#CFE4E1, #5CA8C2, #006082, #00383F, #000C17)
- Weathered Cobalt Canyon color palette (#E2F7F5, #8FDBFF, #008CC9, #006071, #002743)
- Hushed Cerulean Study color palette (#D8E8E6, #0686A0, #004256, #001F22, #000103)
- Forest Orchard color palette (#F4EBF4, #8BD3D6, #2C92B9, #007138, #082C5B)
- Aged Garnet color palette (#DEF6E6, #7F6900, #007049, #8D1611, #000F05)
- Wandering Drift color palette (#D8FAE6, #CFD77D, #85A766, #775E1D, #002115)
Browse the whole catalog at Explore, or see today's palette.