Softworn Petrol color palette — #F9F4EE · #CAE6E7 · #799DC2 · #367A85 · #5E4C5C

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 (#F9F4EE): bright and airy, almost weightless.
• Silver (#CAE6E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#799DC2): A luminous, dusty blue — the color of deep harbor water.
• Teal (#367A85): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5E4C5C): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Aged Grove color palette (#F6F1EC, #C9E2E3, #899CC3, #157B74, #472D3A)
• Muted Lagoon Coast color palette (#FAF3F6, #DADEED, #9EB1DA, #279992, #4B506D)
• Wandering Pewter color palette (#F9F4ED, #C8E8E1, #7EA38D, #617655, #315246)
• Petrol Cabin color palette (#F4EDE3, #80BDC6, #007390, #005048, #00324B)
• Ancient Taupe color palette (#FFF2EF, #C28490, #7E9261, #527B9E, #543C37)
• Aged Station color palette (#FFF2EF, #E1DACF, #ACB8C4, #A77E80, #614F49)
• Tempered Cerulean color palette (#FEF4E4, #8DDFE0, #008FA3, #006953, #00475D)
• Lagoon Boulevard color palette (#E7DED1, #3FA19D, #00545D, #003123, #00171F)

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