Tempered Petrol color palette — #E2EDEB · #67C2C8 · #008393 · #005A54 · #00242D
A conversation between Cerulean and Aqua, giving this palette its sense of trust and stability.
The five colors
- Cream (#E2EDEB): bright and airy, almost weightless.
- Aqua (#67C2C8): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#008393): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00242D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Hushed Petrol color palette (#E0EDEC, #59AECC, #006F97, #004952, #001625)
- Patina Thicket color palette (#E6F1F0, #8ED0E4, #0093BE, #006A74, #003249)
- Dusty Workshop color palette (#FDF1FC, #8ADCE1, #0086B1, #00552C, #000B25)
- Aged Sapphire Garden color palette (#E3F1F1, #8DB5E0, #136DE8, #005378, #0E1B46)
- Muted Courtyard color palette (#DAF0E1, #988E41, #735F00, #4F3900, #171800)
- Hushed Corridor color palette (#F8E4F1, #C83D00, #746B00, #8C2282, #260500)
- Hazy Amber Studio color palette (#EDDFE8, #F2AD84, #E28B00, #AE3C3C, #381C2E)
- Gentle Brick Veranda color palette (#F4E2DD, #ED7143, #B03400, #5C1700, #1B0200)
Browse the whole catalog at Explore, or see today's palette.