Tempered Petrol color palette — #DEE9E0 · #7CBFC0 · #008397 · #005B49 · #002331
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#DEE9E0): a clean, paper-quiet neutral.
- Mint Leaf (#7CBFC0): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#008397): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005B49): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002331): 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
- Patina Cobalt Boulevard color palette (#DBE8DD, #7EBBD8, #007AC1, #005860, #001B4C)
- Muted Lagoon color palette (#FBF4E9, #81DEE0, #00899E, #005342, #000F17)
- Muted Cabin color palette (#E7DAE6, #5AAEB0, #00607C, #004119, #001F42)
- Faded Balcony color palette (#F9E9E4, #65D4D5, #00A1CA, #347F45, #001F41)
- Chalky Lantern color palette (#EDF9EF, #93D5F6, #0092E9, #00717B, #002A7B)
- Softworn Lagoon color palette (#F1F7F2, #CCDFFA, #5BB1D1, #008E81, #224C67)
- Faded Loft color palette (#D6F5E2, #44B077, #00764A, #003F22, #000F04)
- Olive Grove color palette (#D0EBE9, #75CFB9, #00BDC6, #587700, #002F1F)
Browse the whole catalog at Explore, or see today's palette.