Softworn Petrol color palette — #ECF8F7 · #B0DBF3 · #5D9FBE · #007A87 · #063F5C

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 (#ECF8F7): bright and airy, almost weightless.
• Powder Blue (#B0DBF3): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#5D9FBE): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007A87): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#063F5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Periwinkle Garden color palette (#EEF7F7, #D6DBF9, #81A8D5, #4483A0, #344964)
• Patina Sky color palette (#F4F6ED, #BBE2F1, #00B5EE, #007D8A, #0B372B)
• Ancient Market color palette (#D2E5E3, #599CB9, #005F88, #003A44, #000A16)
• Hazy Cobalt color palette (#E0F3F3, #A0C8F2, #5687CF, #006590, #18295C)
• Sky Archive color palette (#FBF3EF, #C7EAD6, #5EBAFE, #00A194, #4A3047)
• Moss Corridor color palette (#C8EFE0, #909F37, #009F8F, #AF5F2A, #033427)
• Washed Canyon color palette (#D8EEE2, #ADB384, #86834E, #675A2A, #09392E)
• Patina Mustard Archive color palette (#DEF5E8, #BBA933, #CF768C, #817300, #5A1D2F)

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