Tempered Petrol color palette — #CDF0E1 · #5F9898 · #306F7A · #50354F · #2B142A
Teal takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#CDF0E1): A whisper-light, dusty teal — the color of shallow lagoons.
- Storm Blue (#5F9898): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#306F7A): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal (#50354F): A deep, shadowed, dusty pink — the color of a candy shop window.
- Deep Indigo (#2B142A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Dusty Veranda color palette (#D7F5E2, #7C9A6B, #367368, #582840, #380807)
- Weathered Basalt color palette (#D4F1E3, #6592A8, #4E6583, #503514, #31131F)
- Aged Aubergine Archive color palette (#DBF4FF, #779BB3, #466887, #5D3C70, #512551)
- Muted Onyx Cabin color palette (#CCF0E7, #7EB3B8, #557F96, #5E4559, #472214)
- Patina Aqua color palette (#E8FDD7, #87CAC6, #698C72, #4F597D, #2A2247)
- Lagoon Grove color palette (#D2E5D5, #009E70, #00655D, #004146, #001921)
- Navy Lagoon color palette (#DDF3E6, #007B80, #0E457D, #321800, #100600)
- Tempered Chapel color palette (#C4E9F2, #00928E, #AE3F53, #00524F, #2A0008)
Browse the whole catalog at Explore, or see today's palette.