Tempered Petrol color palette — #F5F6EA · #81C5CD · #007B8F · #005653 · #003948
Teal and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F5F6EA): bright and airy, almost weightless.
- Ash (#81C5CD): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007B8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005653): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#003948): 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
- Antique Petrol Grove color palette (#FFEEE6, #70CCD5, #007DA0, #00543E, #001B33)
- Aged Villa color palette (#F3F8E7, #90BEDC, #0072B8, #005269, #003265)
- Softworn Denim Garden color palette (#ECEEE3, #82AA8E, #006176, #003E3F, #002330)
- Turquoise Lantern color palette (#DEFDF7, #6EEFFE, #00BFDB, #009894, #003948)
- Cerulean Canyon color palette (#FEF0FB, #59E1EE, #009AC5, #007558, #00355C)
- Forest Study color palette (#DBFFEC, #7DDAC2, #00B4AF, #00701F, #004331)
- Antique Abyss color palette (#E6E9DB, #4E89A1, #00425D, #002127, #000A16)
- Sunlit Lagoon color palette (#E0E9CA, #009E57, #0071C8, #005F31, #002E58)
Browse the whole catalog at Explore, or see today's palette.