Tempered Petrol color palette — #EFF0E4 · #68C2C9 · #007585 · #00504C · #003440
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Cream (#EFF0E4): a clean, paper-quiet neutral.
- Aqua (#68C2C9): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007585): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003440): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Petrol Grove color palette (#EEE8E0, #9BBEA0, #00788E, #004C40, #001925)
- Weathered Turquoise color palette (#E9ECE0, #3CADD3, #005F83, #003D46, #002237)
- Softworn Veranda color palette (#E5F3E7, #94D1D5, #0096B1, #006E5D, #003347)
- Weathered Petrol Archive color palette (#ECF1E4, #78B8ED, #2369B3, #004B67, #1B2D4E)
- Wandering Seafoam color palette (#E6F1D5, #52DDBD, #00B3B0, #2D6B3D, #2D302A)
- Timeworn Emerald Parlor color palette (#DBE3C0, #009847, #006FB2, #005926, #002B4A)
- Aged Cerulean color palette (#F4F6EE, #B8E9D6, #5A90BB, #146C85, #543F57)
- Jade Garden color palette (#ADF7D1, #00B06E, #006742, #00331F, #001C0E)
Browse the whole catalog at Explore, or see today's palette.