Washed Petrol color palette — #F0F7F2 · #BAD8F5 · #7596CA · #007891 · #2B3A58

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Powder Blue (#BAD8F5): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7596CA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007891): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2B3A58): 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

• Turquoise Lagoon color palette (#EFF8F1, #B2DDE9, #21A7BB, #007F64, #173F55)
• Ancient Courtyard color palette (#F9F4ED, #D9D4DF, #6DA6FF, #007B95, #3F2338)
• Hushed Petrol Lantern color palette (#E7F1E9, #6BADBF, #006F97, #004A48, #001529)
• Hushed Villa color palette (#FEF1F5, #AEC8E0, #6074B7, #00605F, #412F5F)
• Timeworn Cerulean color palette (#F1F7F2, #DADDEC, #99B4D3, #59909D, #45536A)
• Moss Chapel color palette (#C2F0E6, #6DA848, #588BCC, #B9515D, #00342D)
• Olive Grove color palette (#D9F6EE, #93B565, #B17CCD, #5A800F, #462457)
• Worn Cabin color palette (#E0FDF5, #A8EEEB, #81D1EC, #8B8F59, #144A49)

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