Worn Petrol color palette — #F0F7F1 · #DADDEE · #819BBC · #49758B · #47536A
Slate takes the lead with Blue Fog close behind in a set that reads as calm and sophistication at first glance.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#819BBC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#49758B): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#47536A): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Worn 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 Delta color palette (#F8EFF2, #D9D0E2, #899CC3, #30777F, #2F354B)
- Dusty Cerulean Terrace color palette (#FAF4EE, #CBE8EB, #C8A4C3, #4A939D, #634A58)
- Ancient Petrol color palette (#E7F2E9, #74BED1, #007299, #00504D, #023051)
- Stone Lagoon color palette (#FEF0FF, #DBD9CD, #9ACCD1, #9689A3, #5D4E5A)
- Aged Balcony color palette (#FEF0FF, #DB7480, #709756, #5778A2, #4B3D4C)
- Sunlit Cerulean Summit color palette (#EDF9EF, #6EE2EF, #008DAC, #00685B, #004563)
- Teal Study color palette (#FCF0FF, #E397A5, #4AAC9E, #995F6B, #315359)
- Muted Lagoon Veranda color palette (#DBEBDE, #269190, #00454D, #002319, #000B11)
Browse the whole catalog at Explore, or see today's palette.