Washed Petrol color palette — #D7EAEE · #007C97 · #004B63 · #002C41 · #000F1C

Teal and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7EAEE): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007C97): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004B63): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002C41): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000F1C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Teal Chapel color palette (#C9E9E6, #00A8B1, #006F8A, #003354, #000931)
• Chalky Chapel color palette (#CBF2E2, #0074A1, #901189, #003B54, #140012)
• Tempered Pine color palette (#D9F3E5, #008665, #004D40, #002A25, #001110)
• Washed Canyon color palette (#E3F1FE, #1E8BCF, #004D7E, #001A2E, #000103)
• Quiet Navy Bloom color palette (#E0F1FF, #006DB9, #004092, #000D6C, #03002D)
• Timeworn Dune color palette (#D5E6E0, #96B2DC, #7586CB, #005772, #000C1C)
• Worn Nightshade Pier color palette (#D9F7E6, #00627A, #5014BB, #004827, #000407)
• Navy Delta color palette (#D8EEFF, #0C8CF4, #0057BD, #001895, #0B0051)

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