Softworn Petrol color palette — #F0F6FB · #D9DAE5 · #C0BED5 · #497A9D · #3F4952
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 (#D9DAE5): a clean, paper-quiet neutral.
- Ash (#C0BED5): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#497A9D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#3F4952): quiet, heavy and certain.
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
- Aged Petrol color palette (#ECF3F9, #D7D7E2, #C0B9C9, #4B7C96, #262D32)
- Antique Indigo Veranda color palette (#F3F5FC, #E1D6E7, #BCB6DD, #7357AB, #3C3F4E)
- Aged Market color palette (#ECF1FF, #B7B9D6, #94769D, #705A6D, #624144)
- Driftwood Meadow color palette (#EFF8F3, #E2D3D1, #C2C3B0, #6D9B88, #424A46)
- Ancient Navy color palette (#E7F0F9, #9FAABB, #6F7FA1, #00376A, #0C151E)
- Tempered Iris Boulevard color palette (#EFF6FF, #BAE1FF, #95C0FF, #8388D2, #313E53)
- Softworn Cypress Harbor color palette (#EAF9F9, #7FBEAD, #25837A, #37606E, #28494C)
- Dusty Aubergine Station color palette (#E2E1E7, #BCB6C5, #9787A2, #642962, #211C2D)
Browse the whole catalog at Explore, or see today's palette.