Washed Petrol color palette — #EAF8FB · #6CC0B7 · #2F74AA · #006F68 · #182532

A conversation between Slate and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF8FB): a clean, paper-quiet neutral.
• Mint Leaf (#6CC0B7): A luminous, balanced teal — the color of sea glass.
• Slate (#2F74AA): A full-bodied, balanced blue — the color of deep harbor water.
• Teal (#006F68): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#182532): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, 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

• Patina Balcony color palette (#EEF6FD, #7FB7D7, #78619F, #006891, #202236)
• Hushed Lantern color palette (#EEF8F6, #8DBE7F, #007D8B, #3B6E2B, #14272E)
• Washed Cobalt Corridor color palette (#E9F4F5, #84C3AB, #6C6BB5, #00775A, #090D1B)
• Tempered Turquoise Workshop color palette (#E6FCEA, #3EA7BE, #406BA2, #7A3532, #274051)
• Lagoon Delta color palette (#F2F7EE, #98D3BD, #7C89D1, #009774, #301C2B)
• Airy Field color palette (#BEFBFF, #6FC0DB, #2E7DAE, #195091, #33357C)
• Petrol Garden color palette (#EEF7FA, #D6DAE4, #BDBECA, #437F88, #3D4A4F)
• Hazy Nightshade color palette (#CDE9F2, #00777B, #1F0099, #002D2F, #01000F)

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