Washed Petrol color palette — #EBF4F4 · #C9DFF4 · #6C90BB · #00678B · #182C49

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

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Powder Blue (#C9DFF4): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#6C90BB): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#00678B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#182C49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Softworn Lantern color palette (#EBF4F2, #C5E2EB, #319EAA, #006D64, #00323C)
• Abyss Atelier color palette (#E1F1ED, #589697, #00545B, #002C27, #000507)
• Cobalt Boulevard color palette (#FBF4ED, #BDE7DA, #6F88C6, #076F7C, #583F4D)
• Dusty Boulevard color palette (#E3F7F3, #6DCCDB, #007F97, #005152, #001E28)
• Worn Loft color palette (#FAF3F5, #D9D4DE, #A3B9F3, #0092A5, #363D5E)
• Bronze Studio color palette (#D8FAF5, #6D9C68, #00909F, #8F6000, #002421)
• Hushed Olive color palette (#E3F7F4, #C0E3F1, #99E1C8, #6C8642, #153B39)
• Dusty Cocoa color palette (#FFECF3, #C79EAC, #956A48, #6D3E23, #132814)

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