Worn Petrol color palette — #E1ECE3 · #8FBAD1 · #0074A1 · #004B4B · #00172D

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

The five colors

• Honeydew (#E1ECE3): a clean, paper-quiet neutral.
• Ash (#8FBAD1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Antique Cobalt color palette (#ECF4EE, #A9CDE5, #1E82C6, #005A62, #0D203E)
• Hazy Orchard color palette (#D8E3DA, #71A2C7, #0055AD, #003843, #03042B)
• Softworn Ash Summit color palette (#EEF4EF, #D3DCF0, #74A2C3, #397679, #28374A)
• Ancient Hollow color palette (#D8E7DB, #4580A1, #003C6F, #001E24, #00000D)
• Mulberry Garden color palette (#D7E7DF, #707000, #00678A, #890059, #0C0C00)
• Hushed Amethyst Study color palette (#DBEEE3, #8D8100, #6D46DC, #4F4800, #14013A)
• Weathered Fern color palette (#DEF4E7, #848C54, #605600, #412D00, #00120E)
• Powdered Field color palette (#CFEEE1, #A9CF95, #18BF94, #7B5B00, #001C15)

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