Tempered Petrol color palette — #EEF7F7 · #C7E0F4 · #628FB7 · #1A6C85 · #344962
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF7F7): a clean, paper-quiet neutral.
- Powder Blue (#C7E0F4): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#628FB7): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#1A6C85): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#344962): 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 Cypress Hollow color palette (#F7EFF3, #CADFF1, #708EBE, #006C71, #212B46)
- Softworn Lantern color palette (#DEECEA, #6EAAB1, #006272, #003E3C, #00242E)
- Wandering Abyss Garden color palette (#D5E9E7, #54899B, #00425A, #002226, #000B14)
- Hushed Lagoon Field color palette (#FBF4ED, #BFE8EB, #82A6DE, #008B93, #5A3D50)
- Petrol Summit color palette (#E4F2F1, #8DB6D8, #316AA6, #004C66, #102C5A)
- Aged Lagoon color palette (#ECF8F5, #9ACFDD, #20878F, #006155, #00434C)
- Wandering Mulberry Ridge color palette (#FBF1FF, #CC899D, #6A8AC2, #9F3F63, #2E4267)
- Aged Chapel color palette (#E2F4F3, #6B93BB, #004696, #002D41, #010646)
Browse the whole catalog at Explore, or see today's palette.