Tempered Petrol color palette — #DBE6EB · #BCC5CE · #95A5C4 · #006D7E · #112229
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Frost (#DBE6EB): a clean, paper-quiet neutral.
- Stone (#BCC5CE): soft and architectural.
- Blue Fog (#95A5C4): A luminous, dusty violet — the color of wild irises.
- Teal (#006D7E): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#112229): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Denim Boulevard color palette (#D8E3EB, #ABB5C4, #8F94AC, #005980, #011625)
- Hushed Cerulean Meadow color palette (#DCEAF2, #B8BFD5, #A0A5C4, #008EAF, #0E222C)
- Washed Ultramarine Terrace color palette (#DEE2E9, #C1C4CF, #A5A1B8, #2156C6, #15202F)
- Ancient Cypress color palette (#D2E8DE, #72A16B, #007255, #004E5B, #032201)
- Ancient Petrol color palette (#CAEFF2, #6D95B8, #6C62A5, #554901, #202D00)
- Ultramarine Grove color palette (#CEE6D5, #00929B, #1B51B1, #463600, #001923)
- Timeworn Nightshade Lagoon color palette (#E5EAF3, #A2A4AF, #8881A0, #2030A7, #030917)
- Washed Iris color palette (#F1F5FF, #DFD6E2, #D1B7CC, #7578DF, #373F54)
Browse the whole catalog at Explore, or see today's palette.