Softworn Petrol color palette — #EFE6EB · #96B8CF · #3B6BAF · #004C43 · #16063F

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#EFE6EB): bright and airy, almost weightless.
• Ash (#96B8CF): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3B6BAF): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#16063F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Tempered Cobalt color palette (#F7EFF2, #B1CBE0, #5B78C2, #005C58, #241641)
• Timeworn Petrol color palette (#E9F1EB, #7FBBD6, #006EAA, #004F54, #182E4E)
• Aged Spruce color palette (#E8E0E9, #6AA9A6, #006278, #043D07, #000B1A)
• Washed Wisteria color palette (#D1EFFF, #B1BFFA, #D085CA, #006557, #021C3D)
• Forest Courtyard color palette (#F8EEF8, #9DDDDE, #0090B6, #006729, #00254C)
• Misty Onyx Delta color palette (#CFEAE3, #008D95, #00617B, #003A5C, #080F48)
• Denim Loft color palette (#D2E8FF, #4D9CD9, #00599E, #002C45, #00060E)
• Misty Cobalt Thicket color palette (#D5E6F9, #237FD5, #7F3200, #503400, #000B1C)

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