Washed Petrol color palette — #C5F0F4 · #1A78A0 · #414C75 · #4C0A0E · #2A1300

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

The five colors

• Frost (#C5F0F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#1A78A0): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#414C75): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#4C0A0E): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#2A1300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Basalt Studio color palette (#C3E5FC, #586891, #493362, #371900, #171200)
• Lagoon Thicket color palette (#CAE7D4, #17857D, #0C5469, #3C1A35, #300900)
• Timeworn Corridor color palette (#E6F5E1, #599779, #25687F, #4D3400, #072000)
• Softworn Villa color palette (#E8F1CF, #1B7C65, #004469, #231F00, #050800)
• Powdered Cobalt Lantern color palette (#CEF4F9, #4AA2D8, #5070C9, #843736, #281200)
• Denim Dune color palette (#F2E0F3, #005EB0, #694200, #002C58, #190C00)
• Frosted Harbor color palette (#DBF0F6, #73A8DE, #5A61AB, #6F3B31, #533400)
• Timeworn Study color palette (#F7EDDD, #6D93B9, #1F4296, #002E3C, #100045)

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