Worn Petrol color palette — #ECF4EF · #88CFE8 · #9C7397 · #247D97 · #1F1113

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Sky (#88CFE8): A luminous, dusty blue — the color of open sky before noon.
• Heather (#9C7397): A luminous, dusty pink — the color of peonies in June.
• Slate (#247D97): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#1F1113): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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

• Worn Cobalt Canyon color palette (#F6EFF4, #B0C1F5, #B16A7F, #5B6EAC, #1F1210)
• Dusty Cobalt Parlor color palette (#EFF3EC, #8BD5BF, #747FB5, #35816D, #1C1219)
• Worn Cerulean color palette (#EFF6FB, #9FDCF1, #B789BA, #0F9BBE, #2F2B3B)
• Muted Hollow color palette (#F5F3DE, #83B2D4, #7E6F9D, #4A582F, #362634)
• Pale Onyx color palette (#D2FEE9, #A0BFE5, #8584B7, #5F4375, #440F3C)
• Cobalt Alley color palette (#E6F6F2, #5C86C0, #8D5349, #704534, #141B0C)
• Driftwood Meadow color palette (#F5F0F6, #DDD4D5, #B3ABA5, #917995, #39343A)
• Feathered Grove color palette (#E2F7F1, #42B0FF, #A93092, #006097, #180204)

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