Tempered Petrol color palette — #E5FBF7 · #69C8D4 · #007B8F · #005654 · #003949
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E5FBF7): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#69C8D4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007B8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Teal (#003949): 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
- Cobalt Meadow color palette (#E2FBFA, #6CC2F8, #0072B9, #005269, #003266)
- Aqua Pier color palette (#FFEBFA, #00D3E3, #007DA0, #00543E, #001B33)
- Timeworn Denim color palette (#DCEAE7, #6BAAB6, #006177, #003E3F, #002331)
- Wandering Cerulean color palette (#FFF2EC, #66DFED, #009AC6, #007559, #00345D)
- Dusty Summit color palette (#D3E6E4, #398BAB, #00425E, #002128, #000A16)
- Sky Loft color palette (#FFF0FD, #8FEBF5, #18B9F9, #009D60, #042B76)
- Magenta Courtyard color palette (#E9DEFF, #D42EBE, #996200, #860076, #412700)
- Faded Blush Studio color palette (#FFF0F8, #FFBDD3, #FB6477, #9C3592, #55203C)
Browse the whole catalog at Explore, or see today's palette.