Weathered Petrol color palette — #EDF3F8 · #D9D6E1 · #C3B9C9 · #567999 · #232D37
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF3F8): a clean, paper-quiet neutral.
- Silver (#D9D6E1): bright and airy, almost weightless.
- Ash (#C3B9C9): A luminous, dusty violet — the color of wild irises.
- Slate (#567999): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Onyx (#232D37): 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
- Timeworn Meadow color palette (#F1F6FB, #DAD9E4, #C1BDCF, #4E76A8, #3F4954)
- Weathered Pewter Station color palette (#F2F1F8, #DCD3D8, #C3B0C1, #804F84, #211E2C)
- Worn Navy Meadow color palette (#E7EDF5, #989FB4, #7A7798, #003274, #000410)
- Worn Pewter Lagoon color palette (#EAF6E9, #95BEA9, #697D53, #475474, #172D22)
- Softworn Azure color palette (#EFF7F5, #DFD4D0, #A8A292, #5294D2, #3D4B47)
- Worn Ridge color palette (#EBF2FF, #B3E8FF, #A1C0FF, #B072B1, #181C35)
- Worn Quarry color palette (#DBFAEF, #64A4CE, #715E9E, #3F4D0B, #11233B)
- Ancient Indigo Ridge color palette (#E9F0FF, #636AC3, #302D46, #0F1524, #03070C)
Browse the whole catalog at Explore, or see today's palette.