Washed Petrol color palette — #F6EDE5 · #84B9D6 · #4166AA · #00504A · #2E274D

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F6EDE5): bright and airy, almost weightless.
• Sky (#84B9D6): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4166AA): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2E274D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cobalt Studio color palette (#FDF3E9, #9ACBF3, #6474B2, #005F60, #403256)
• Tempered Petrol Bloom color palette (#DDEDEC, #8BBAD7, #0070B0, #00485B, #001630)
• Soft Forest color palette (#FCEAE5, #61C4C1, #00748E, #065415, #072F52)
• Misty Corridor color palette (#D0ECE9, #00A5BD, #006688, #00347E, #282454)
• Gentle Cerulean Harbor color palette (#FFF2ED, #7DE1E7, #008BB7, #0C6A3A, #254068)
• Tempered Chapel color palette (#DAFFEB, #BCC9FF, #C674B1, #00726A, #402B40)
• Aged Onyx color palette (#F4E4D9, #409DB3, #004E7B, #003123, #090641)
• Petrol Study color palette (#CAE7FB, #0073A5, #7E5500, #4D4A00, #002235)

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