Tempered Petrol color palette — #F0F6FB · #DBD7E6 · #BBB9D0 · #0072A6 · #34424D
Built around Slate, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F6FB): a clean, paper-quiet neutral.
- Silver (#DBD7E6): A whisper-light, dusty violet — the color of wild irises.
- Ash (#BBB9D0): A luminous, dusty violet — the color of a velvet chair.
- Slate (#0072A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#34424D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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 Hollow color palette (#E9F5F1, #EFD6DC, #D1B6C6, #0071B0, #112A24)
- Timeworn Archive color palette (#F1F5FF, #E1D5E2, #C7B4CE, #6556C3, #393F52)
- Hushed Pier color palette (#E8EFF7, #C9CCD6, #A19DB2, #005697, #202F3F)
- Muted Villa color palette (#F5F4FB, #DFD8DC, #B4AAA0, #91769F, #52515A)
- Dusty Forest Grove color palette (#CDFFFB, #93BACE, #787BA8, #366A3D, #005B58)
- Ancient Study color palette (#ECF8F3, #ECD5CD, #ABA698, #64AED9, #34443E)
- Timeworn Navy Summit color palette (#DBDFE6, #B7B8C4, #9488A0, #293794, #151F32)
- Hazy Ultramarine Summit color palette (#D6FFF8, #00A19B, #3758B6, #1B5300, #003C4A)
Browse the whole catalog at Explore, or see today's palette.