Washed Petrol color palette — #F5EDE6 · #81BAD8 · #2E69AD · #004F50 · #242953

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

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Sky (#81BAD8): A luminous, dusty blue — the color of deep harbor water.
• Slate (#2E69AD): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#242953): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Petrol Villa color palette (#DDEDEC, #99B8CE, #0072AA, #004959, #00172D)
• Softworn Abyss color palette (#F6ECE7, #7AC0BC, #007587, #00532C, #003249)
• Timeworn Cobalt Orchard color palette (#EDF0E3, #9BCCE7, #108FD2, #00697F, #002F55)
• Timeworn Cobalt color palette (#FCF4EC, #A4D0C2, #5E77AE, #005E68, #502E42)
• Lilac Cabin color palette (#CAFBE6, #AEC7FF, #B185C3, #00666D, #462944)
• Ancient Corridor color palette (#C2E8E5, #00A3B5, #006686, #003E70, #351A52)
• Denim Workshop color palette (#F0E2DB, #5E9AA9, #004F74, #003129, #001134)
• Periwinkle Orchard color palette (#F6EBF0, #A4DCFA, #63A7F8, #009091, #232955)

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