Tempered Petrol color palette — #DAE6F0 · #0070B0 · #7D4400 · #002E4C · #030100
Built around Slate, softened by Bronze — the whole palette hums with trust and stability.
The five colors
- Frost (#DAE6F0): a clean, paper-quiet neutral.
- Slate (#0070B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#7D4400): A full-bodied, balanced gold — the color of old brass.
- Midnight (#002E4C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#030100): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Aged Terracotta color palette (#DBEFF9, #00788B, #A10019, #00313A, #050000)
- Lowlit Denim Canyon color palette (#D9EEE7, #005686, #5F3000, #00233A, #0D0400)
- Antique Cobalt Terrace color palette (#DAEDFC, #0086C7, #A05F00, #005A87, #0C0400)
- Quiet Field color palette (#DAE4FD, #5D38FD, #6D4F00, #26037B, #020100)
- Washed Scarlet color palette (#DAEAE2, #0076C5, #D3002B, #0A0B14, #000104)
- Weathered Lilac Veranda color palette (#E3F0FC, #AAB4FF, #AD6FAF, #00535B, #000009)
- Linen Ultramarine color palette (#F0F5FF, #9AB6FF, #B88100, #314CC1, #231500)
- Lowlit Olive color palette (#CBEBD8, #677D01, #453C00, #1D0F00, #000201)
Browse the whole catalog at Explore, or see today's palette.