Tempered Petrol color palette — #DBE5E0 · #95A3A4 · #6D9197 · #006D8E · #000D06
A conversation between Peacock and Storm Blue, giving this palette its sense of trust and stability.
The five colors
- Parchment (#DBE5E0): bright and airy, almost weightless.
- Taupe (#95A3A4): soft and architectural.
- Storm Blue (#6D9197): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006D8E): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#000D06): A deep, shadowed, dusty teal — the color of sea glass.
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
- Muted Onyx Balcony color palette (#D7E4ED, #80909D, #566D86, #002E40, #000103)
- Dusty Abyss Boulevard color palette (#E0E8E3, #ACA0AD, #977D8E, #004D60, #000D06)
- Cypress Archive color palette (#DEE4D2, #5A977C, #00735E, #005452, #000804)
- Hushed Ultramarine Lantern color palette (#F6ECF5, #AE9A9E, #9A8082, #245EBD, #100510)
- Softworn Garnet Studio color palette (#DBDBFB, #8A7BAA, #7D5C85, #6D2E2E, #240700)
- Hazy Lantern color palette (#CFEADA, #007F99, #3740C0, #293E00, #000202)
- Softworn Indigo Coast color palette (#EEE6EC, #CEBABC, #C29E9D, #5F74E5, #2A1926)
- Airy Terrace color palette (#C9E8E0, #04B1ED, #1E93FC, #4556FF, #000314)
Browse the whole catalog at Explore, or see today's palette.