Softworn Petrol color palette — #E3ECE4 · #91BACE · #00759E · #004B49 · #00172C

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

The five colors

• Parchment (#E3ECE4): bright and airy, almost weightless.
• Ash (#91BACE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B49): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00172C): 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

• Weathered Cobalt color palette (#ECF4EE, #AFCCDF, #4682AF, #005A61, #061F43)
• Ancient Hollow color palette (#E5EEE7, #7DA1BE, #0057A7, #003842, #030033)
• Wandering Cypress color palette (#EEF3EF, #D3DCEE, #71A3C4, #117A7D, #25384D)
• Navy Ridge color palette (#D8E5DA, #4E7F9B, #003D6B, #001F23, #00000B)
• Misty Boulevard color palette (#D2E7DB, #908000, #5256D8, #504700, #0C0042)
• Worn Pier color palette (#D1F6E4, #726F00, #006888, #89005C, #0C0B00)
• Fern Canyon color palette (#D0E6D9, #858C4D, #625500, #422D00, #081200)
• Jade Garden color palette (#DCF5E9, #BDD3A7, #3CB98A, #6C5100, #151E00)

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