Tempered Petrol Coast color palette — #E3ECE4 · #7DBED4 · #0074A3 · #004B4C · #00162F
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E3ECE4): bright and airy, almost weightless.
- Sky (#7DBED4): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0074A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00162F): 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 Coast 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 Balcony color palette (#F7ECE6, #7DBCCF, #006CB1, #00523F, #242952)
- Quiet Lilac color palette (#D1E9FB, #9FCCFF, #A493FF, #006771, #051C2F)
- Wandering Pier color palette (#E1EFE4, #76A2C4, #0052B6, #003844, #04032B)
- Linen Cobalt color palette (#F5EDE1, #8AD0E8, #0091CB, #006C6D, #112F4D)
- Softworn Cerulean Grove color palette (#CAEEEC, #0097A2, #005D70, #003E55, #001A2F)
- Azure Alley color palette (#CBE9FD, #389FE4, #00618D, #002942, #00060F)
- Weathered Cerulean color palette (#E6F4E8, #3E99A2, #005265, #002C26, #00050A)
- Mulberry Coast color palette (#DAE9F4, #00759E, #A61169, #4E5000, #000D15)
Browse the whole catalog at Explore, or see today's palette.