Weathered Petrol color palette — #EFF6FC · #DBD8ED · #B8B9D7 · #1E7397 · #30424F
Slate and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#DBD8ED): A whisper-light, dusty violet — the color of wild irises.
- Ash (#B8B9D7): A luminous, dusty violet — the color of a velvet chair.
- Slate (#1E7397): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#30424F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Weathered Petrol Lagoon color palette (#EAF5F1, #E4D5DA, #D1B5CB, #2C70A5, #152924)
- Tempered Denim color palette (#E7F0F7, #C3CCE2, #A09DB4, #1C5A83, #252F38)
- Wandering Driftwood Canyon color palette (#F4F4FC, #E4D8DF, #B6ACA4, #7E7F9B, #525258)
- Grape Villa color palette (#F3F4FF, #D6CEE6, #B89BB9, #693CA8, #2F3145)
- Tempered Azure color palette (#EEF8F4, #EDDBDF, #E2BEBD, #2EB0F3, #2F453D)
- Aubergine Parlor color palette (#E7ECF9, #ABA4C1, #8C7693, #37217C, #101320)
- Antique Powder color palette (#B6F2FF, #99ABF2, #A46791, #4E6337, #135035)
- Ancient Summit color palette (#EAF7FF, #008BAC, #AA0805, #414300, #133311)
Browse the whole catalog at Explore, or see today's palette.