Tempered Petrol color palette — #EBF7FF · #D8D8E6 · #B6BBD1 · #00778F · #2D434E
Built around Teal, softened by Charcoal — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Silver (#D8D8E6): bright and airy, almost weightless.
- Ash (#B6BBD1): A luminous, dusty violet — the color of wild irises.
- Teal (#00778F): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#2D434E): A deep, shadowed, dusty blue — the color of deep harbor water.
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 Workshop color palette (#EAF5EF, #C9DADC, #CEB7CB, #007696, #192921)
- Denim Courtyard color palette (#E6F0F7, #C4CDDB, #9C9EB8, #005D7A, #223038)
- Ancient Driftwood Summit color palette (#F3F5FC, #DED8DD, #B3AAA5, #797FA6, #51525A)
- Nocturne Cobalt Grove color palette (#D6E3F0, #006ABB, #252746, #06192C, #030812)
- Worn Navy Orchard color palette (#DBE1EC, #A8A7B6, #867A8F, #252B79, #091328)
- Aged Cypress Thicket color palette (#E6FBF0, #83B180, #007B69, #15577B, #234322)
- Tempered Studio color palette (#F0F7F2, #EDDAE1, #F0BEBF, #36B6CF, #37433B)
- Sky Courtyard color palette (#ABF4ED, #70ADDA, #816DA0, #526729, #415123)
Browse the whole catalog at Explore, or see today's palette.