Softworn Petrol color palette — #F0F7F3 · #D1DDDE · #CBBDC1 · #3E7E8F · #404B44

Slate takes the lead with Charcoal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D1DDDE): a clean, paper-quiet neutral.
• Stone (#CBBDC1): soft and architectural.
• Slate (#3E7E8F): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#404B44): 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 Market color palette (#EEF4EF, #D0D9DB, #CBBABB, #118394, #252F28)
• Aged Canyon color palette (#FBF2F6, #E6D5D1, #C7ABAE, #665B8D, #42373C)
• Washed Fern color palette (#F6F6EB, #ACB48E, #45816A, #456248, #3F4800)
• Aged Abyss color palette (#DBE4E0, #95B0A9, #8E7789, #003D52, #031810)
• Chestnut Terrace color palette (#E1FDEF, #C9ADC7, #9A7988, #8C5527, #515000)
• Timeworn Cobalt Terrace color palette (#D5EAE3, #0076BB, #3D2C3A, #0F231E, #040F0F)
• Turquoise Veranda color palette (#FFF4E2, #56A3BF, #526999, #743B2E, #21453A)
• Airy Iris Studio color palette (#E3FCF2, #85EBFA, #6DC2F3, #7F88D9, #503651)

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