Softworn Petrol color palette — #EFF6FC · #D8DAE4 · #BEBECD · #497A9A · #42494E

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D8DAE4): a clean, paper-quiet neutral.
• Stone (#BEBECD): A luminous, dusty violet — the color of wild irises.
• Slate (#497A9A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#42494E): a grounded near-black with real depth.

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 Drift color palette (#ECF3F8, #D5D6DD, #BCB9C8, #427C9C, #242D35)
• Wandering Bloom color palette (#E1ECFF, #ACADD9, #8788AD, #675A69, #564146)
• Aged Cypress color palette (#E6FAFA, #85BDAA, #2C8376, #425F68, #304749)
• Hushed Navy color palette (#E5ECF3, #9CAABF, #6E7FA1, #003867, #0A1520)
• Denim Boulevard color palette (#EFF6FF, #C8D3E7, #99A6C8, #30589E, #283444)
• Tempered Loft color palette (#E0DDEA, #BCB5C7, #93899D, #66246A, #201D29)
• Worn Dune color palette (#DBE5F6, #3368DC, #283249, #171F2C, #0C0C12)
• Timeworn Periwinkle Station color palette (#FCF1FF, #579AE9, #5B659D, #6E3956, #2F3E53)

Browse the whole catalog at Explore, or see today's palette.