Washed Petrol color palette — #F1E7E1 · #7ABFD4 · #0072AA · #004C44 · #041336

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

The five colors

• Parchment (#F1E7E1): bright and airy, almost weightless.
• Sky (#7ABFD4): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#041336): A deep, shadowed, dusty violet — the color of wild irises.

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

• Tempered Petrol color palette (#F9E9F3, #91B8CC, #076CB0, #00513F, #242952)
• Timeworn Cobalt color palette (#F8F0EA, #9ED0E8, #407FC1, #005B5A, #31142B)
• Ultramarine Lantern color palette (#F3E3D5, #61A4D3, #2651AC, #00393E, #0A012B)
• Washed Courtyard color palette (#EBF8F7, #C8E1FF, #1A9FCE, #006873, #002134)
• Lilac Balcony color palette (#CDEEDC, #A9CDFF, #B089D6, #0A6F6A, #00211A)
• Cerulean Villa color palette (#F7E1D7, #3899A2, #005169, #002D20, #00040D)
• Wandering Bronze Study color palette (#DFF3E7, #008DAC, #A55000, #004F61, #210B00)
• Chalky Terracotta color palette (#D9EDF4, #007794, #A52F00, #6C4100, #000D13)

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