Tempered Petrol color palette — #D2FFFD · #8ED3C6 · #52B6BB · #137BAA · #3E546D
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D2FFFD): A whisper-light, dusty teal — the color of shallow lagoons.
- Lagoon (#8ED3C6): A luminous, dusty teal — the color of glacier melt.
- Cyan (#52B6BB): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#137BAA): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#3E546D): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Hushed Cerulean Atelier color palette (#E7FCDE, #6CC3C2, #0097A2, #007085, #385549)
- Patina Petrol color palette (#ECF7FF, #A9DFF4, #5DAEC9, #0E6D98, #004253)
- Ancient Boulevard color palette (#D1F2FF, #98CCE7, #71A8DF, #686EB3, #4A4A6F)
- Timeworn Cypress color palette (#DDFFEC, #B4D0A3, #6DB384, #008575, #215364)
- Aged Cerulean color palette (#E9F8FE, #8AD2DD, #DEA089, #009EAF, #604255)
- Powdered Denim color palette (#D6F4EE, #00C1D5, #0091B4, #0063A7, #303175)
- Muted Teal color palette (#E8F8FF, #DBDBE6, #CCADAC, #7BB297, #405261)
- Amber Archive color palette (#ECF7FF, #80B9DD, #DA8D88, #BE7846, #2D4558)
Browse the whole catalog at Explore, or see today's palette.