Tempered Petrol color palette — #DAEEFF · #0072A7 · #103358 · #1B1821 · #000812
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#DAEEFF): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#0072A7): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#103358): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#1B1821): quiet, heavy and certain.
- Ink (#000812): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Wandering Cypress color palette (#D4F0EE, #007B77, #003A3F, #191B22, #00090C)
- Soft Cornflower color palette (#DCEDFF, #1594FA, #3E578C, #1D3650, #010811)
- Washed Hollow color palette (#E9EAF9, #BA71FF, #615C7D, #3A3B4B, #0C0D14)
- Ancient Cerulean color palette (#DAF3EF, #61C0CF, #0092AE, #006D6D, #001720)
- Wandering Lapis color palette (#E1ECFF, #3E45FF, #2F2A5A, #18111B, #01051A)
- Ancient Basin color palette (#EAF3FF, #8EB7FF, #717B91, #4D5560, #1E2226)
- Powdered Iris Meadow color palette (#E1F0FE, #638BE9, #6E6EA9, #7B4566, #2F0914)
- Jade Thicket color palette (#D8EFEA, #4FAF63, #008653, #006554, #001312)
Browse the whole catalog at Explore, or see today's palette.