Tempered Petrol color palette — #E8EBDD · #76C0D4 · #007696 · #004A4F · #001925
Teal takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E8EBDD): a clean, paper-quiet neutral.
- Sky (#76C0D4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007696): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A4F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001925): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Timeworn Petrol Hollow color palette (#E6F2E8, #7FBCCC, #007299, #00504D, #003052)
- Cobalt Field color palette (#F1F3EA, #91D2EF, #2585B6, #005968, #00271F)
- Tempered Balcony color palette (#E3E7DA, #4EA5DC, #005B98, #003748, #000A1F)
- Hazy Periwinkle color palette (#CBF4E4, #9ECDFF, #86A1ED, #006C88, #001F17)
- Hushed Azure Quarry color palette (#FFF2EB, #B8F0FF, #3E9BD0, #006B5D, #0A1D3C)
- Weathered Ash Corridor color palette (#F1F3EB, #BCEAE8, #6FA4C0, #52755C, #1F3D34)
- Tempered Lagoon color palette (#E7E8DA, #189CA2, #00535D, #002C28, #000508)
- Byzantium Workshop color palette (#D6ECE0, #008DAE, #9048A2, #004F62, #210029)
Browse the whole catalog at Explore, or see today's palette.