Tempered Petrol color palette — #F4F7E8 · #65C6E5 · #00789F · #00545E · #003752
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7E8): a clean, paper-quiet neutral.
- Sky (#65C6E5): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#00789F): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00545E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#003752): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Antique Parlor color palette (#F6F6EB, #76E3E1, #00909A, #00685B, #004953)
- Wandering Sapphire color palette (#F2F8E9, #81BDFA, #0066E0, #005073, #1B2E65)
- Worn Turquoise color palette (#DEE2D1, #39ADD6, #005F85, #003C47, #002138)
- Hazy Seafoam color palette (#E1FCD5, #00F0EC, #00B7CE, #007253, #003D38)
- Weathered Cerulean Villa color palette (#F4F6EE, #B9E3FF, #5F8FB9, #326A7F, #544055)
- Weathered Teal Canyon color palette (#BBFFF1, #00AF96, #006657, #003830, #00241D)
- Periwinkle Thicket color palette (#FFF2EB, #A4E5FC, #60B0FF, #009A7F, #29276C)
- Muted Cobalt Lantern color palette (#E6ECDC, #3887BF, #003D71, #00202E, #000720)
Browse the whole catalog at Explore, or see today's palette.