Washed Petrol color palette — #F0E8DF · #90B8DC · #4F67AC · #004A54 · #170A38

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

The five colors

• Parchment (#F0E8DF): bright and airy, almost weightless.
• Sky (#90B8DC): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4F67AC): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#170A38): A deep, shadowed, balanced violet — the color of wild irises.

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

• Petrol Study color palette (#F4E6DF, #84BFC6, #007698, #004D39, #00172D)
• Dusty Lagoon color palette (#ECF0E4, #90B6D8, #3569A8, #004B68, #172C56)
• Washed Cobalt Atelier color palette (#F8EAEF, #ABC8E5, #6982CF, #006A78, #2F2355)
• Navy Grove color palette (#FFECDE, #5493B1, #004989, #002C2B, #02001C)
• Washed Abyss color palette (#EDDBD2, #498388, #004255, #002015, #000104)
• Timeworn Moss Coast color palette (#E1E1C5, #63A229, #70439B, #2C5200, #1C0032)
• Muted Cypress color palette (#F8F0EC, #C9E4DC, #6BA7B6, #45785A, #213D33)
• Antique Archive color palette (#E9E8C2, #85DBB9, #46AFC8, #735C08, #00220A)

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