Tempered Petrol color palette — #ECF4EE · #4599A3 · #6461A9 · #5F3B65 · #271611
A conversation between Slate and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF4EE): a clean, paper-quiet neutral.
- Cerulean (#4599A3): A luminous, balanced blue — the color of open sky before noon.
- Slate (#6461A9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Mulberry (#5F3B65): A full-bodied, balanced pink — the color of peonies in June.
- Ink (#271611): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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 Orchard color palette (#F0F4E7, #569270, #186F94, #3E497B, #231316)
- Washed Pewter color palette (#F9F0E6, #AA7C43, #815E9D, #703751, #281B13)
- Tempered Lagoon Drift color palette (#F5F3E0, #7DBC95, #328979, #385472, #272F1C)
- Dusty Cornflower color palette (#FBEDF8, #5B78D1, #8D3369, #662624, #1D1102)
- Muted Aubergine Basin color palette (#E5F6F1, #0876C2, #741A7F, #60022B, #130600)
- Softworn Periwinkle Harbor color palette (#F9F5E9, #CBC383, #7099D9, #956070, #2A2415)
- Tempered Moss color palette (#E9FAF2, #A3A23C, #359A95, #945E55, #2B382D)
- Aged Alley color palette (#EAEFE6, #259878, #32402D, #1A2114, #0C0D09)
Browse the whole catalog at Explore, or see today's palette.