Tempered Petrol color palette — #E7EBDE · #8BBADA · #196FB0 · #00485D · #001533
A conversation between Slate and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E7EBDE): a clean, paper-quiet neutral.
- Sky (#8BBADA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#196FB0): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00485D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001533): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Patina Petrol Cabin color palette (#E9EADD, #99BEA2, #00788D, #004B4A, #001922)
- Ancient Courtyard color palette (#F8EAF0, #93B6D3, #3A65B3, #004F54, #292558)
- Washed Cobalt color palette (#E2F2F1, #9ECBEA, #2D8BD7, #006884, #072D5A)
- Muted Station color palette (#E1E2D6, #5DABB0, #006470, #003A36, #000D12)
- Airy Indigo Bloom color palette (#DAEDD3, #009385, #605CBC, #00524A, #10023C)
- Wandering Turquoise color palette (#D2F3D2, #83CED8, #5EB2D6, #007166, #001E07)
- Ancient Chapel color palette (#F0F3EC, #C5E1E5, #AD91AF, #3A738E, #422E41)
- Wandering Lagoon color palette (#E8E8DA, #348788, #00444A, #00201B, #000202)
Browse the whole catalog at Explore, or see today's palette.