Softworn Petrol color palette — #DFE8EB · #A8B0BD · #8B9BBE · #008189 · #00171F

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

The five colors

• Frost (#DFE8EB): a clean, paper-quiet neutral.
• Ash (#A8B0BD): A luminous, dusty violet — the color of twilight just after sunset.
• Blue Fog (#8B9BBE): A luminous, dusty violet — the color of a velvet chair.
• Teal (#008189): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#00171F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Ancient Pine color palette (#D6E5E4, #A3B2BB, #839BAB, #008849, #001818)
• Washed Petrol Studio color palette (#D9E1E7, #9D9FAE, #8686A1, #006B97, #010A13)
• Abyss Hollow color palette (#DBE6DD, #8FA797, #5D8673, #003E43, #000601)
• Indigo Parlor color palette (#E3E8F3, #C2BCCA, #B2A1BD, #7073D6, #181F30)
• Cobalt Veranda color palette (#C7E6FB, #00C6D4, #639EF1, #0086DF, #00121B)
• Turquoise Boulevard color palette (#E9F8FF, #D2D9E9, #B7C0DE, #00ABC4, #1D3742)
• Hushed Aubergine color palette (#D1F3F3, #0096C1, #006AB5, #710084, #000D17)
• Garnet Quarry color palette (#E0E5FF, #9A8AC9, #8C6C99, #902033, #330900)

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