Tempered Petrol color palette — #DDEDEA · #70ADAF · #008490 · #005E56 · #000C0F
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DDEDEA): bright and airy, almost weightless.
- Blue Fog (#70ADAF): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005E56): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#000C0F): 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
- Softworn Azure color palette (#DAF3FF, #6AB5DA, #4B99E2, #007983, #000C13)
- Quiet Terrace color palette (#D4ECEB, #78A6C8, #1777C5, #005974, #00081E)
- Antique Summit color palette (#F7EBF3, #50A1A4, #006278, #003E27, #000A15)
- Worn Bronze color palette (#C0E9F5, #009091, #817100, #006161, #080600)
- Worn Lagoon color palette (#E0E1D5, #00898E, #00444C, #00201C, #000202)
- Azure Quarry color palette (#DFF1F1, #97C6EC, #5596D9, #00779D, #021C48)
- Gentle Ultramarine color palette (#C3EFF5, #007E8A, #4958C5, #196B06, #000203)
- Turquoise Courtyard color palette (#E1F3F1, #AFDAF2, #51B1D9, #008F9C, #00324A)
Browse the whole catalog at Explore, or see today's palette.