Weathered Petrol color palette — #F2E5ED · #86BDCC · #0073A6 · #004C42 · #001239
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Blush (#F2E5ED): bright and airy, almost weightless.
- Ash (#86BDCC): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001239): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Muted Petrol color palette (#E3F2F0, #84BBCB, #007393, #004F55, #003248)
- Dusty Denim Boulevard color palette (#F3E8EC, #70A3C6, #2353A9, #00393D, #0A002D)
- Weathered Cornflower Boulevard color palette (#F9EEF2, #ADD5F7, #597DDA, #00606B, #251950)
- Azure Corridor color palette (#F5F6EE, #BAF0FF, #22A0C7, #006970, #002232)
- Abyss Thicket color palette (#ECE0E9, #55969B, #005267, #002D1E, #00050C)
- Hazy Plum color palette (#EBDAF7, #A83D75, #00704A, #00594B, #1C000E)
- Faded Garnet color palette (#E9DDF4, #C76A9F, #007F39, #6B004B, #001806)
- Sunlit Grape color palette (#EDE4F9, #E1C2E2, #DC944A, #7A42A0, #2C0516)
Browse the whole catalog at Explore, or see today's palette.