Tempered Petrol color palette — #E8F3EA · #72BFCD · #0080A4 · #005A53 · #002237
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F3EA): a clean, paper-quiet neutral.
- Cyan (#72BFCD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005A53): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002237): 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
- Ancient Courtyard color palette (#E5F0E7, #8CB7D9, #3C73C5, #005768, #121550)
- Cerulean Quarry color palette (#FCF4E7, #88DBEB, #0087AC, #00524C, #000E1B)
- Hushed Denim color palette (#EEE2EB, #7AA6B9, #005D8C, #00402C, #0F1949)
- Aged Denim Hollow color palette (#E8F2EA, #5A9FA7, #006279, #003C34, #000B14)
- Hushed Orchard color palette (#F2E2DA, #7FCEDB, #009DDF, #008156, #0A194C)
- Frosted Cornflower color palette (#EAFAED, #9FD1FA, #538BE3, #006F86, #222576)
- Worn Lagoon Grove color palette (#EFF8F1, #D1DEF7, #78ACCD, #34898B, #304A65)
- Muted Jade color palette (#DFF0EA, #00B88B, #007654, #003928, #000E08)
Browse the whole catalog at Explore, or see today's palette.