Tempered Petrol color palette — #E7F6F0 · #85BAE0 · #B98BAE · #3379A4 · #482529
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F6F0): a clean, paper-quiet neutral.
- Sky (#85BAE0): A luminous, dusty blue — the color of deep harbor water.
- Dusty Rose (#B98BAE): A luminous, dusty pink — the color of peonies in June.
- Slate (#3379A4): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#482529): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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
- Weathered Cypress Canyon color palette (#EBF5EB, #6DC4C3, #9B94C9, #208180, #462437)
- Aged Petrol Studio color palette (#ECF7FF, #83B8D5, #BE8D64, #007DA9, #664529)
- Petrol Orchard color palette (#EAF6EB, #6EC3C9, #A49F63, #008189, #33312A)
- Washed Drift color palette (#FCEDF6, #ABAEE3, #67ABA1, #6969AD, #24371E)
- Wandering Grove color palette (#EDF7FF, #A4C9E8, #D79BC7, #3195CF, #534568)
- Weathered Station color palette (#D8FBF1, #ABD1F8, #648CB9, #294D74, #28122C)
- Timeworn Driftwood Meadow color palette (#DFF8F1, #F3D8D2, #B2A595, #699685, #413442)
- Antique Turquoise Corridor color palette (#EAF9F2, #CDE0FF, #F1C28F, #56A5C8, #4B453F)
Browse the whole catalog at Explore, or see today's palette.