Worn Petrol color palette — #F1E7DF · #96BEAC · #326DAD · #004B4B · #0D1038

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

The five colors

• Parchment (#F1E7DF): bright and airy, almost weightless.
• Sage (#96BEAC): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#326DAD): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0D1038): A deep, shadowed, dusty 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 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

• Ancient Cobalt Delta color palette (#F7F0EA, #A7D2C4, #5E7BB3, #005A62, #1E1941)
• Aged Balcony color palette (#EDF0E7, #7EBBD8, #0070A2, #004D5C, #0E304B)
• Weathered Denim color palette (#F5E6DF, #65AAA7, #006374, #003C20, #000C16)
• Worn Villa color palette (#ECF8F7, #CCDFFE, #379CD4, #00677A, #002039)
• Navy Lagoon color palette (#ECE3DA, #577C9F, #203280, #001E24, #020009)
• Antique Cypress color palette (#F6F1EC, #CAE1E2, #859EC2, #007A7F, #482B3E)
• Pale Plum Villa color palette (#FFD8CE, #B7324F, #00713F, #00575A, #1D0005)
• Softworn Archive color palette (#F5D9D6, #B65D84, #007D65, #81004C, #001710)

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