Tempered Petrol color palette — #DAEAE7 · #6CBFD2 · #0081A0 · #00585C · #002332
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#DAEAE7): bright and airy, almost weightless.
- Cyan (#6CBFD2): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00585C): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#002332): 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
- Cobalt Harbor color palette (#D5EAE9, #80B8E3, #0077CD, #005570, #021D46)
- Azure Dune color palette (#EBE4DA, #88CCDC, #189FCE, #007D78, #002139)
- Muted Meadow color palette (#F6E8F2, #52ADC0, #005F85, #003F34, #001D46)
- Linen Cobalt color palette (#FFF0FA, #9CD7E4, #2481BB, #00543B, #040136)
- Chalky Azure Workshop color palette (#EBF8F7, #A7E6FB, #00AADE, #00818D, #124560)
- Turquoise Veranda color palette (#C3E9EC, #87D8CC, #00BBC3, #007649, #002A25)
- Washed Cornflower color palette (#E2FBFB, #9FD0FF, #2B8AFD, #006C96, #152E6A)
- Hushed Jade color palette (#D5F0E6, #00AF8D, #00755B, #003F2F, #00100A)
Browse the whole catalog at Explore, or see today's palette.