Washed Petrol color palette — #EFF0E2 · #9BBBA0 · #007584 · #00504B · #003440

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

The five colors

• Cream (#EFF0E2): a clean, paper-quiet neutral.
• Sage (#9BBBA0): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#007584): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#003440): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Delta color palette (#EDF0E7, #83B9D7, #226E9E, #004D5E, #082F51)
• Patina Cerulean Veranda color palette (#F5F6ED, #A7D1B5, #1C85A0, #005F62, #0F4054)
• Muted Cypress Pier color palette (#F5F6EE, #C7E5E0, #67A4B3, #367B79, #375144)
• Timeworn Turquoise Thicket color palette (#E7F1EF, #9BE1E6, #00B9CF, #00928A, #003440)
• Pale Periwinkle color palette (#CBF8DD, #97DAFF, #639CDC, #006672, #103C2D)
• Lapis Loft color palette (#C9E4EC, #00788F, #5647BD, #005D2B, #00242D)
• Hushed Azure color palette (#C0F1FF, #00A3C7, #006072, #002E39, #001C23)
• Grape Loft color palette (#C9E7CF, #008F9C, #7E4FB0, #00535B, #351651)

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