Washed Petrol color palette — #F0E5EE · #84BFC7 · #0074A2 · #004E30 · #061333

Slate takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F0E5EE): a clean, paper-quiet neutral.
• Ash (#84BFC7): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E30): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#061333): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Washed Cobalt Quarry color palette (#F9EEF5, #A2CFE6, #2D81C1, #005E47, #141F38)
• Petrol Villa color palette (#E4F3E7, #62C2CF, #00748F, #005147, #00324A)
• Timeworn Archive color palette (#E4EBE3, #8BB8E3, #545ACC, #004B4E, #1E0832)
• Washed Ultramarine Hollow color palette (#F4E6ED, #6AA5C1, #0A53B0, #003A33, #0B0227)
• Pale Blush color palette (#E1EDFF, #DEBDF4, #F47B92, #00717C, #101936)
• Frosted Sapphire Basin color palette (#DDE9FE, #395BDE, #636200, #295321, #020627)
• Patina Hollow color palette (#F6F0F4, #D4D2EA, #67A3D0, #377A60, #2D3647)
• Patina Lagoon color palette (#EBE0EC, #3F9B95, #005264, #042E03, #00050D)

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