Softworn Petrol color palette — #F0F6FB · #D7D8E8 · #ACBDD6 · #0072A7 · #304251
Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F6FB): a clean, paper-quiet neutral.
- Silver (#D7D8E8): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#ACBDD6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0072A7): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#304251): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Petrol Hollow color palette (#ECF3F8, #D5D5E4, #B3BDE5, #00759D, #1B272E)
- Tempered Indigo Archive color palette (#F2F5FF, #DED6E4, #B9B9D7, #6858BA, #3A3F50)
- Dusty Denim Quarry color palette (#E8EFF7, #C7CDD5, #95A1B8, #005698, #222F3D)
- Aged Cerulean Market color palette (#F0F7F4, #F2D9E0, #E1BBBC, #2691BE, #2E463C)
- Softworn Driftwood color palette (#F5F4FB, #DDD7DD, #B6A9A6, #91769C, #525159)
- Washed Cypress color palette (#E3FBFB, #62B5A1, #007A71, #005C63, #004539)
- Eclipse Bloom color palette (#DFE9F9, #375FCA, #24264A, #091635, #090914)
- Washed Driftwood Veranda color palette (#DAE2FF, #BBA7DB, #9B6D9F, #824742, #5B3F11)
Browse the whole catalog at Explore, or see today's palette.