Softworn Petrol color palette — #EDF8F7 · #D8DBEC · #7E9CBF · #45768D · #475365
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Silver (#D8DBEC): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#7E9CBF): A luminous, dusty blue — the color of open sky before noon.
- Slate (#45768D): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#475365): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Softworn 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 Ridge color palette (#EFF6FF, #6E99DB, #A279A4, #4C7F8C, #374354)
- Timeworn Atelier color palette (#F9F4EE, #CCE7EA, #99B3DA, #5590A2, #604B5A)
- Dusty Alley color palette (#EBF8F5, #A9EBE6, #4C989B, #356E61, #284D5B)
- Weathered Cobalt Workshop color palette (#EFF6FF, #B4CDFF, #667FB3, #3D4F72, #243650)
- Tempered Petrol color palette (#E0F3F0, #63C0D8, #007392, #004F54, #023247)
- Softworn Lagoon Harbor color palette (#D7E6E3, #369090, #00454B, #00231E, #000C0F)
- Stone Villa color palette (#E5FBF0, #B5BE8C, #608B78, #496555, #3A4C47)
- Timeworn Ridge color palette (#EDF8F7, #D6DCED, #7D9DB9, #507486, #455464)
Browse the whole catalog at Explore, or see today's palette.