Weathered Petrol color palette — #EEF7F7 · #D7DBEC · #7B9DBF · #3F778E · #455466
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF7F7): a clean, paper-quiet neutral.
- Silver (#D7DBEC): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#7B9DBF): A luminous, dusty blue — the color of open sky before noon.
- Slate (#3F778E): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#455466): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Softworn Cypress color palette (#F7EFF2, #D9D0E3, #839DCB, #29787F, #2C3550)
- Tempered Cerulean color palette (#F9F4EF, #C7DEEC, #9DB2D9, #2996A2, #654859)
- Tempered Denim color palette (#CEE5E4, #71A6C7, #005B92, #003C4C, #001F41)
- Timeworn Pewter color palette (#FAF2FD, #DC9BAA, #8098CD, #A2586B, #3A4E6D)
- Dusty Petrol Basin color palette (#E4FBF7, #6DC7D6, #007B92, #005556, #00394A)
- Softworn Driftwood color palette (#FFF0FE, #E8D5D8, #DBB7B7, #967E9D, #5A4B57)
- Lagoon Veranda color palette (#D0E4E0, #3EA0A3, #00545C, #00302C, #00171D)
- Worn Cabin color palette (#EDF9ED, #A9BFAC, #6C896C, #73535F, #3D4C42)
Browse the whole catalog at Explore, or see today's palette.