Worn Petrol Bloom color palette — #EDF7F9 · #D3DCE4 · #B8C0CE · #477E86 · #404A4B

A conversation between Slate and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#EDF7F9): bright and airy, almost weightless.
• Silver (#D3DCE4): bright and airy, almost weightless.
• Ash (#B8C0CE): A luminous, dusty violet — the color of a velvet chair.
• Slate (#477E86): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#404A4B): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Patina Lagoon Ridge color palette (#EBF4F5, #D1D9E2, #B6BDCE, #478272, #1F2F31)
• Softworn Powder color palette (#D6F6FF, #93B8CE, #768AA5, #6E5F70, #604648)
• Aged Abyss Drift color palette (#E2F4F8, #97ADB7, #638499, #00413D, #07161A)
• Muted Navy color palette (#DEE3EA, #B3B8CA, #8B8CA4, #284080, #18202C)
• Wandering Stone color palette (#EEF8F1, #B2B573, #667C4B, #416060, #34473F)
• Chalky Aqua color palette (#E6F9FF, #93FFCE, #00D5D4, #5297C0, #113E4E)
• Hushed Pier color palette (#E6FCEA, #00AFA1, #007594, #6D3B50, #22424C)
• Aged Workshop color palette (#E5F9FF, #009D99, #565D97, #6C3344, #473500)

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