Washed Petrol color palette — #F0F7F2 · #C6E0F9 · #708BB8 · #006D86 · #394767

Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Powder Blue (#C6E0F9): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#708BB8): A luminous, dusty violet — the color of wild irises.
• Peacock (#006D86): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#394767): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Worn Iris color palette (#F8EFF2, #CCDFF1, #7E8AC0, #006C6F, #282847)
• Patina Lagoon color palette (#FAF4EE, #C0E7EC, #94A1DA, #008C8F, #4E4063)
• Timeworn Dune color palette (#E4F0E6, #69AAB9, #00607F, #003E3B, #002139)
• Wandering Cerulean color palette (#F0F7F1, #A2CDDC, #28859B, #006153, #034059)
• Navy Villa color palette (#D6E5D8, #59879E, #003F68, #002225, #000720)
• Wandering Cobalt Grove color palette (#DDFDF7, #699756, #4E7CBC, #955256, #1A3F3A)
• Driftwood Alley color palette (#E1FCF6, #BDE7F9, #8ED6D4, #818855, #2C504D)
• Aged Harbor color palette (#E3FCF5, #8AAC67, #9779BE, #4D7314, #4B3862)

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