Tempered Petrol color palette — #D6E7EE · #ABAFC2 · #9792AA · #007F93 · #05161D
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Frost (#D6E7EE): A whisper-light, dusty blue — the color of deep harbor water.
- Ash (#ABAFC2): A luminous, dusty violet — the color of a velvet chair.
- Blue Fog (#9792AA): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#007F93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#05161D): 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
- Softworn Cobalt color palette (#DAE1EA, #B5ACC2, #A88EAB, #3D6EC4, #0A1422)
- Softworn Alley color palette (#E3EFE8, #A7B9B1, #7C9E93, #005C71, #02190E)
- Muted Basin color palette (#C7E8EE, #7A97BD, #7D6998, #605E2A, #1E1D00)
- Wandering Abyss color palette (#DBE6DE, #93A59E, #8F7188, #003E48, #000602)
- Weathered Iris Canyon color palette (#EAEFF7, #D8CFDF, #C3B2C2, #768FD6, #252E3E)
- Plum Quarry color palette (#CEE8F4, #0091A5, #B0037A, #514200, #0A0700)
- Linen Ultramarine Archive color palette (#F0DFCB, #009AAE, #3D56D9, #643E00, #000D16)
- Feathered Jade color palette (#DEF4EB, #67AB63, #008465, #006071, #011501)
Browse the whole catalog at Explore, or see today's palette.