Weathered Petrol color palette — #EAF3FB · #D7D4E0 · #BEBBD8 · #0072A9 · #1A2731
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF3FB): bright and airy, almost weightless.
- Silver (#D7D4E0): a clean, paper-quiet neutral.
- Ash (#BEBBD8): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#1A2731): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Petrol Workshop color palette (#F1F6FB, #D9D8E5, #AFBAE3, #256FA9, #36414C)
- Wandering Orchard color palette (#E4EAF0, #C7CBD7, #A5A0B7, #085697, #0E1720)
- Lapis Delta color palette (#F0F1F8, #DDD3DD, #C9B9CD, #6C53C5, #202435)
- Dusty Fern color palette (#D0ECFF, #8EB6D0, #5E78A6, #4D5500, #003830)
- Sapphire Chapel color palette (#D9E0EE, #4A5BD3, #391C40, #070A2F, #000409)
- Tempered Studio color palette (#F2F1F7, #DCD5D8, #B8ACA8, #9873A2, #36353F)
- Aged Azure Grove color palette (#ECF9F5, #E4D4CF, #ACA293, #0A97F3, #213B34)
- Nightshade Studio color palette (#EBEFF8, #B2B1C2, #94889E, #2E27A8, #050A16)
Browse the whole catalog at Explore, or see today's palette.