Tempered Petrol color palette — #ECF1E1 · #8BB6DD · #2E69AE · #004B68 · #122B5C
Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#ECF1E1): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#8BB6DD): A luminous, dusty blue — the color of deep harbor water.
- Slate (#2E69AE): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004B68): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#122B5C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Worn Sapphire Meadow color palette (#EEE8E1, #91B8DA, #4665BA, #004A53, #170A39)
- Petrol Studio color palette (#EEF0E5, #95BCA3, #007390, #004F53, #003346)
- Patina Cornflower color palette (#F9EAEF, #A7C8E8, #6182D6, #006A76, #2D2555)
- Misty Periwinkle Balcony color palette (#E4F2F1, #ADD9FF, #5BA7FF, #008AB9, #1A2D50)
- Dusty Cerulean color palette (#F5F7E9, #9CDAE8, #008DAD, #00666A, #00465F)
- Cerulean Quarry color palette (#EEF2DE, #459ABE, #005073, #002E37, #001527)
- Cypress Chapel color palette (#F6F6EE, #C7E7DD, #6AA5A7, #417B6E, #445949)
- Bronze Hollow color palette (#EDDBC6, #AC7000, #007D61, #654000, #003125)
Browse the whole catalog at Explore, or see today's palette.