Worn Petrol color palette — #EFE6ED · #8CBCCE · #0474A1 · #004E2F · #02113B

Slate and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#EFE6ED): bright and airy, almost weightless.
• Ash (#8CBCCE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0474A1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004E2F): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#02113B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Dusty Cobalt color palette (#F9EEF5, #ABCDDF, #4081B7, #005E48, #121F3D)
• Cobalt Market color palette (#E2ECE1, #8DB8E0, #5863B1, #004B4E, #1F0536)
• Antique Denim color palette (#F3E4EB, #67A6C1, #0155AD, #003A32, #0B002C)
• Cerulean Delta color palette (#FBF4E9, #ABF4FE, #00A1C7, #006B5F, #002133)
• Muted Ash color palette (#F7EFF4, #D3D2E7, #75A2C2, #407577, #28364E)
• Ancient Lilac color palette (#C6EFFF, #AED2FF, #B38AD6, #056740, #001F31)
• Weathered Lagoon color palette (#DAEFE2, #009E8B, #006A71, #003648, #001328)
• Wandering Archive color palette (#B4ECFF, #00A8CB, #006385, #002937, #00060A)

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