Worn Petrol color palette — #FBF2F5 · #DADEEE · #879AB9 · #497687 · #4A516C
Built around Slate, softened by Blue Fog — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#FBF2F5): bright and airy, almost weightless.
- Silver (#DADEEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#879AB9): A luminous, dusty violet — the color of a velvet chair.
- Slate (#497687): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#4A516C): A full-bodied, dusty violet — the color of wild irises.
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
- Hushed Petrol color palette (#F1F3EC, #C9DDE0, #809FC4, #267496, #452C43)
- Muted Villa color palette (#EFF7F7, #D9DBEA, #8FB4E1, #4090B5, #43546B)
- Tempered Forest Corridor color palette (#FAF3F7, #BBE5EF, #4997A7, #2D724A, #2B4B62)
- Weathered Bloom color palette (#EFF8EE, #CEA977, #67A0C4, #946929, #345066)
- Ancient Cobalt color palette (#E8FBE9, #B1935F, #658EB4, #5F75A8, #374739)
- Ancient Delta color palette (#FFF1F6, #C5E9FA, #A8D1E0, #A18198, #46564B)
- Ancient Petrol color palette (#F9E9F3, #78BDD1, #0B6FA3, #005147, #122B5A)
- Weathered Cabin color palette (#ECDDE8, #4B9EA4, #005268, #003122, #001528)
Browse the whole catalog at Explore, or see today's palette.