Tempered Petrol Hollow color palette — #F1F6FC · #DBD8E0 · #C3BBC8 · #5974A3 · #404854
A conversation between Slate and Charcoal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F6FC): a clean, paper-quiet neutral.
- Silver (#DBD8E0): bright and airy, almost weightless.
- Stone (#C3BBC8): A luminous, dusty violet — the color of a velvet chair.
- Slate (#5974A3): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#404854): 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 Hollow 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
- Ancient Corridor color palette (#EBF2FF, #B8B9D5, #8A8199, #516B5B, #2C545A)
- Hushed Pewter color palette (#F6F3FB, #E1D5DB, #BDADBD, #825174, #3D3747)
- Worn Alley color palette (#F1F5FF, #CED0E9, #A8A1C4, #524BA6, #2B3248)
- Hushed Indigo color palette (#DEE4F8, #7061BA, #312F46, #1B1E2B, #0C0B12)
- Aged Navy Cabin color palette (#DBE1EB, #A5A8B9, #7D7C97, #212685, #0D1421)
- Lilac Orchard color palette (#F1F5FF, #B3D7FF, #ABABFF, #B372BA, #353A5B)
- Tempered Garnet color palette (#F2ECF7, #C0B4C2, #9A8896, #731D4F, #231C2A)
- Tempered Pewter Veranda color palette (#E7FCEB, #8096CE, #795A94, #66470D, #353C52)
Browse the whole catalog at Explore, or see today's palette.