Tempered Petrol color palette — #ECF9F3 · #C4E1E5 · #CCB2CC · #12739E · #36433E
A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Silver (#C4E1E5): A whisper-light, dusty blue — the color of deep harbor water.
- Rosewood Mist (#CCB2CC): A luminous, dusty pink — the color of a candy shop window.
- Slate (#12739E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#36433E): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Petrol Lagoon color palette (#EBF4F0, #C8DBDE, #CDB7C8, #00759C, #132A21)
- Wandering Orchard color palette (#EFF6FB, #D7D9EB, #C0BCD5, #2892BC, #2F4350)
- Tempered Cypress color palette (#F0F8EF, #C5E2DA, #ABC3B1, #007B73, #3A4239)
- Weathered Petrol Summit color palette (#FBF2F7, #F0D3D3, #D4B1BD, #6260A8, #4A3A44)
- Aged Hollow color palette (#E7F1EE, #D4C7D4, #AF98AA, #0D598C, #24312D)
- Muted Driftwood color palette (#FCF2F5, #E5D7D4, #B0B0A6, #9D7581, #594F52)
- Softworn Lilac color palette (#E7EEFF, #A5A3FC, #7F6F9A, #7F4653, #663532)
- Ancient Turquoise Meadow color palette (#EEF8F2, #E9D4D0, #00B5E3, #ABA394, #2B4739)
Browse the whole catalog at Explore, or see today's palette.