Tempered Petrol color palette — #E7F7EA · #61CCE3 · #007DA3 · #00524D · #001C30
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#61CCE3): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007DA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00524D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001C30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Softworn Courtyard color palette (#FFF2EC, #4ECAE2, #0075AF, #00583E, #1D2B6C)
- Hazy Sapphire color palette (#E7F7EA, #75C4FC, #006DDC, #004F5E, #0B0F4A)
- Denim Basin color palette (#E3EEE5, #50AAC3, #006085, #003939, #000B1B)
- Muted Corridor color palette (#FFF4E2, #4EE0FB, #009AC7, #00736C, #003657)
- Antique Navy Harbor color palette (#E4EEE6, #3681A8, #003D6D, #001E23, #00000D)
- Tempered Azure Atelier color palette (#FFF0FA, #D2DAF6, #00A4EE, #007651, #0D1A5D)
- Patina Teal color palette (#99F4D7, #00BA96, #006E56, #003425, #000905)
- Weathered Emerald Parlor color palette (#DEE7D3, #3E9B00, #00702C, #00462E, #00221C)
Browse the whole catalog at Explore, or see today's palette.