Softworn Petrol color palette — #ECF3F7 · #D4D7E2 · #B8BDD4 · #3B7F95 · #232E34

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D4D7E2): a clean, paper-quiet neutral.
• Ash (#B8BDD4): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#3B7F95): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#232E34): 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

• Wandering Abyss Grove color palette (#DBE2E7, #91A2B2, #647E9D, #003B54, #00050B)
• Timeworn Lagoon color palette (#E7F5F3, #86C0BE, #37866A, #295E67, #092D2D)
• Softworn Atelier color palette (#F0F1F8, #DBD3DE, #B7B3CF, #6E5599, #1E1F2B)
• Tempered Pewter Cabin color palette (#F0F7F2, #D0DFE0, #D5BDC1, #597E66, #414A44)
• Aged Driftwood color palette (#EAF3FF, #AFBCD8, #8778A8, #65536C, #412D40)
• Frosted Market color palette (#E7F4FF, #9DE5FF, #83C9FF, #678DE2, #152639)
• Ancient Cobalt color palette (#E0EEFB, #0079C8, #1C314F, #0A1723, #02070C)
• Cobalt Summit color palette (#DBF9FA, #64A3D3, #4667B3, #662F5A, #152434)

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