Tempered Petrol color palette — #ECF9EE · #76C5D9 · #0078A1 · #005653 · #00355A
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF9EE): bright and airy, almost weightless.
- Sky (#76C5D9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0078A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005653): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#00355A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: 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
- Linen Boulevard color palette (#FFEBF8, #26D0F1, #0077BA, #00543E, #0D0D4B)
- Airy Sapphire color palette (#ECF9EE, #7FBFF2, #0064E4, #005365, #242B66)
- Tempered Denim Corridor color palette (#E2EFE4, #55ABC8, #005E87, #003E3F, #001F40)
- Soft Sky color palette (#F4F7E8, #94E8FF, #00BCEC, #0096A0, #00384F)
- Azure Ridge color palette (#FFF2EC, #5CDEFE, #1392E5, #00755A, #262D60)
- Cerulean Orchard color palette (#F0F7F1, #C7E0F3, #518FC8, #006F7B, #39495F)
- Tempered Navy Pier color palette (#D9E6DB, #4D87AC, #003C74, #002128, #020427)
- Tempered Villa color palette (#F2F2CF, #797500, #006E8F, #930066, #272500)
Browse the whole catalog at Explore, or see today's palette.