Softworn Petrol color palette — #EBF3F7 · #D4D5E3 · #B2B6C7 · #197081 · #14232A

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

The five colors

• Ivory (#EBF3F7): bright and airy, almost weightless.
• Silver (#D4D5E3): bright and airy, almost weightless.
• Ash (#B2B6C7): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#197081): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#14232A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Antique Lantern color palette (#EBF3FD, #CFD2E6, #B0A5C4, #2559A5, #0C1A2D)
• Worn Abyss Study color palette (#D3E7E7, #88ADC3, #6C7493, #265C54, #01352F)
• Cerulean Veranda color palette (#EFF7F3, #D1DDDE, #B6B2A8, #2D97B7, #24322A)
• Wandering Cypress Market color palette (#E4F7ED, #87AC82, #007662, #2A4A62, #00221E)
• Antique Abyss Workshop color palette (#E3ECF1, #AAB4C2, #898BA3, #004B61, #000C16)
• Charred Petrol color palette (#DCEDFF, #0068AE, #20233A, #010D1C, #000304)
• Patina Orchard color palette (#DAF2FC, #008C9C, #89363B, #433000, #1C1200)
• Ancient Loft color palette (#DAF0DD, #009DA1, #47539F, #4A3500, #001B29)

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