Softworn Petrol color palette — #E1EDE3 · #6DC0E0 · #1572A5 · #004B4E · #001532

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Honeydew (#E1EDE3): bright and airy, almost weightless.
• Sky (#6DC0E0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#1572A5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Petrol color palette (#F8ECE4, #87BACE, #0E6CAD, #00504C, #1B2A58)
• Worn Ultramarine color palette (#D6E7D9, #71A1CD, #1B4FB6, #003746, #06022D)
• Cerulean Terrace color palette (#EDF1E1, #A3D0B9, #3491BC, #006A78, #00314E)
• Cerulean Harbor color palette (#DAE7DC, #009BAD, #005168, #002C27, #00050B)
• Muted Glacier color palette (#BDF8E9, #55E1ED, #36A6D5, #3B6D46, #001A20)
• Timeworn Navy color palette (#E2F5E5, #2C7FB6, #00387C, #001E26, #00000C)
• Plum Loft color palette (#D0E9EB, #009573, #A93786, #00543F, #26001B)
• Faded Emerald color palette (#DAEED3, #009634, #006343, #003B31, #001E1C)

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