Weathered Petrol color palette — #E2ECE4 · #96B8D0 · #2970A5 · #004A51 · #011338
Slate takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E2ECE4): a clean, paper-quiet neutral.
- Ash (#96B8D0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#2970A5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#011338): A deep, shadowed, dusty violet — the color of wild irises.
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
- Patina Ridge color palette (#EDF4EE, #ACCCE7, #527DB7, #005969, #141D42)
- Ancient Denim color palette (#DDEBE0, #63ABA7, #00646E, #003B2A, #000D13)
- Aged Petrol Harbor color palette (#EDF4EE, #D6DBEF, #7E9FC4, #2E7683, #28364E)
- Worn Emerald color palette (#D0E9CD, #0A9C4E, #006E4E, #003F34, #001B1A)
- Quiet Forest Orchard color palette (#C2F0F8, #8FD9E0, #4FA7D6, #086C3C, #00232B)
- Worn Plum Parlor color palette (#CEE7EA, #00957A, #AD3A6A, #005343, #290012)
- Antique Archive color palette (#E6F3E9, #4A7DAA, #002F8F, #001E27, #01000B)
- Grape Coast color palette (#CDE5E9, #007C6E, #7238B4, #713D00, #000E0B)
Browse the whole catalog at Explore, or see today's palette.