Softworn Petrol color palette — #E2ECF0 · #9DA0B2 · #8C839E · #00707D · #000B11

A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Frost (#E2ECF0): bright and airy, almost weightless.
• Blue Fog (#9DA0B2): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8C839E): A luminous, dusty violet — the color of wild irises.
• Teal (#00707D): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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 Coast color palette (#E6F1EA, #99A9A2, #918091, #004E5D, #000D05)
• Timeworn Indigo Basin color palette (#DDE3EF, #B8ABBC, #A98D9E, #5A67C3, #0E1420)
• Dusty Spruce Coast color palette (#DCE5DE, #80928D, #7E6172, #003036, #000200)
• Softworn Fern color palette (#D8EFDD, #568F9B, #61688E, #2D4E14, #011D02)
• Weathered Cypress color palette (#D0E7D8, #73945D, #007456, #005069, #020800)
• Softworn Nightshade color palette (#D4EDD1, #008B8F, #424DAE, #533200, #000407)
• Cerulean Terrace color palette (#E6F0F7, #D3D1E3, #C3B2CB, #509DBE, #1E303C)
• Byzantium Archive color palette (#D8F0FF, #0FC19E, #00A3D7, #9D45BA, #000207)

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