Washed Petrol color palette — #D2EDF4 · #007DA2 · #004564 · #00192E · #060319

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#D2EDF4): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#007DA2): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004564): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00192E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#060319): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Timeworn Ridge color palette (#D2EEFF, #006FB0, #003C77, #010359, #080033)
• Weathered Pier color palette (#DDECF3, #96ADBB, #63849B, #003F48, #06161D)
• Lowlit Delta color palette (#D8EEDD, #006279, #003353, #290038, #000D15)
• Worn Abyss Study color palette (#E3F1FB, #605457, #003E59, #241B22, #000916)
• Charred Aubergine Lagoon color palette (#CAEAFF, #00526B, #23007C, #270025, #000A08)
• Sunlit Ultramarine Boulevard color palette (#DFF5E5, #00A1A6, #007998, #1800D8, #0D0022)
• Worn Cobalt Meadow color palette (#DEEDFB, #4F77C0, #444677, #4A1737, #360600)
• Ultramarine Lagoon color palette (#D3E5FA, #004CCD, #1A0088, #0C0036, #040012)

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