Softworn Petrol color palette — #F1F5FD · #DDD6E6 · #B4B0C7 · #4F638F · #363B43
A conversation between Slate and Ash, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F1F5FD): a clean, paper-quiet neutral.
- Silver (#DDD6E6): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#B4B0C7): A luminous, dusty violet — the color of wild irises.
- Slate (#4F638F): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal (#363B43): quiet, heavy and certain.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
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
- Worn Pewter Coast color palette (#F7F3FE, #E9D3DB, #CBB5C2, #8E5478, #423D49)
- Muted Cobalt Basin color palette (#F9F3F8, #E5D5D4, #CEBAB0, #607FBC, #41373F)
- Dusty Aubergine Study color palette (#F4F4FE, #D7CDE8, #B79BBD, #733C98, #313047)
- Aged Ash Parlor color palette (#DCE8FF, #AF93C5, #946274, #385956, #11424F)
- Wandering Aubergine color palette (#E3E6F4, #ABA4C2, #897793, #402667, #111221)
- Aged Harbor color palette (#E9FAEF, #8EA564, #337244, #454867, #203C34)
- Lilac Station color palette (#F2F5FF, #9ED4FF, #9B8FFF, #B06283, #302D4D)
- Weathered Coast color palette (#D6F7EF, #4E82E5, #784085, #2D4906, #262F4C)
Browse the whole catalog at Explore, or see today's palette.