Washed Petrol color palette — #F7EAF0 · #73C3E4 · #006AB3 · #003E3C · #010015

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7EAF0): bright and airy, almost weightless.
• Sky (#73C3E4): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006AB3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Antique Ultramarine color palette (#FBE9EE, #84BDED, #2A50EB, #003D44, #030011)
• Ancient Cornflower Grove color palette (#FEF1F5, #9CD2FF, #4972DD, #005059, #0E0030)
• Muted Turquoise color palette (#F1E2EC, #48B4BB, #005E76, #002D1E, #000103)
• Navy Terrace color palette (#F1E1D6, #5194AE, #00488D, #002C25, #04001A)
• Cerulean Villa color palette (#D1E3ED, #008BAE, #8E5A00, #004355, #020100)
• Cobalt Grove color palette (#E0E4D3, #62BDE4, #008DC8, #006A7C, #001528)
• Wisteria Delta color palette (#E1F4FF, #B1C5FF, #CC8AEC, #00696E, #000516)
• Dusty Terracotta color palette (#CEEEFF, #007098, #903A00, #5B3B00, #000103)

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