Softworn Petrol color palette — #F0F7F2 · #BAD8F4 · #7596CB · #007891 · #2B3A5A

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Powder Blue (#BAD8F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7596CB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007891): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2B3A5A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Azure Atelier color palette (#EAFAED, #8ED6F6, #1E94DD, #007179, #022F6B)
• Hushed Turquoise Corridor color palette (#F0F8F1, #CCE0F9, #63B1CA, #43897D, #2D4B62)
• Worn Petrol Drift color palette (#E0EEE3, #62AEC2, #006F97, #004A48, #001529)
• Worn Hollow color palette (#FBF2F5, #ABC9E4, #6173B8, #005F60, #40315A)
• Powder Harbor color palette (#FCF3EB, #C4E5FF, #97ADFB, #00A0A0, #403258)
• Teal Cabin color palette (#CCE5D5, #33C099, #009B89, #006C6C, #00444B)
• Muted Teal color palette (#D3F6FD, #00C1B6, #D67381, #00837C, #55232B)
• Dusty Garden color palette (#D7FEFF, #59D3DE, #009AA0, #005B5E, #002529)

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