Washed Petrol color palette — #E2F3F9 · #00749A · #00405B · #00273F · #001326

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

The five colors

• Frost (#E2F3F9): bright and airy, almost weightless.
• Teal (#00749A): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00405B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00273F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001326): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Washed Cypress color palette (#DBEBE5, #007A6B, #004641, #002827, #01101A)
• Patina Petrol color palette (#CAE9FF, #006AAF, #003F76, #001B4F, #15002D)
• Feathered Mulberry color palette (#C7EEE3, #0062A4, #860061, #002E52, #230017)
• Linen Study color palette (#D9ECEC, #008EAA, #005D82, #003160, #0E004B)
• Cobalt Veranda color palette (#E5EDF9, #2B76D6, #00336E, #00102D, #00020B)
• Washed Indigo Station color palette (#F8E6F8, #819AE3, #756AB6, #003F61, #021440)
• Airy Aubergine color palette (#DAE6F4, #004D8E, #65007B, #003934, #000716)
• Soft Azure color palette (#CDE5F3, #019DEA, #0061A1, #003C7D, #2F0E67)

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