Weathered Petrol color palette — #E0ECEA · #90BBCD · #007790 · #004B4C · #001923
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Frost (#E0ECEA): bright and airy, almost weightless.
- Ash (#90BBCD): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007790): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001923): 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 Weathered 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
- Hushed Cerulean Field color palette (#E7F5F4, #A5CEE5, #2F86AB, #005A64, #002337)
- Petrol Alley color palette (#F8ECE6, #99BBA3, #00719B, #005142, #0D2E54)
- Worn Denim color palette (#D9E7E6, #6DA4C2, #005E8E, #003744, #000B1B)
- Hushed Cerulean Harbor color palette (#CDE3E1, #3382A2, #00415D, #001E25, #000104)
- Aged Archive color palette (#C1F6F9, #95E0D1, #00AEB7, #1C6C42, #00231D)
- Faded Sapphire Boulevard color palette (#CEF2F1, #00975F, #166AC4, #005533, #00112B)
- Jade Grove color palette (#D3F9E8, #00A884, #006B50, #002F22, #000503)
- Pine Archive color palette (#D2F8FA, #007E5B, #00678B, #584C00, #000F08)
Browse the whole catalog at Explore, or see today's palette.