Washed Petrol color palette — #F3E6E0 · #7FBFCC · #0074A0 · #004D3F · #001532

Slate and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F3E6E0): bright and airy, almost weightless.
• Ash (#7FBFCC): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Ancient Sapphire color palette (#EFE8E1, #85BBDF, #2564D1, #004A50, #130F34)
• Softworn Aqua color palette (#EEF0E5, #5AC2D7, #00748F, #004F53, #003346)
• Patina Cobalt color palette (#F7F0EC, #A9D3BC, #2B82C0, #005C55, #121E3E)
• Powdered Lilac color palette (#CAF0D8, #93C8FA, #AA84F0, #007369, #001D13)
• Muted Lagoon Meadow color palette (#C6E8DB, #00908D, #00606A, #003A4C, #00182B)
• Muted Boulevard color palette (#B7E9FF, #00A6D9, #00617D, #002B3A, #00060A)
• Dusty Courtyard color palette (#EFE1DA, #4F9897, #005263, #002E1A, #00050B)
• Antique Turquoise color palette (#F7F0EC, #C7E5E2, #6BA3CA, #38786D, #412F40)

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