Washed Petrol color palette — #F3EEE6 · #80BDC6 · #007390 · #005048 · #00324B

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

The five colors

• Cream (#F3EEE6): a clean, paper-quiet neutral.
• Ash (#80BDC6): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007390): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Dusty Petrol Study color palette (#F3E6E0, #77C1CB, #0074A1, #004E2F, #041336)
• Cobalt Boulevard color palette (#FAF4EB, #A9D0B9, #2082AE, #00605F, #1E3D5A)
• Patina Iris color palette (#D2FAE4, #98CCF7, #8491E7, #007271, #003951)
• Lagoon Workshop color palette (#D7F7EF, #009F99, #006D78, #004959, #1A2B4C)
• Misty Coast color palette (#E5F3E7, #84E4F3, #00B6E1, #009284, #053249)
• Abyss Terrace color palette (#E8DFD1, #5E9C99, #00545D, #003123, #00171F)
• Misty Rust Archive color palette (#CDE5D4, #008EA2, #B63A00, #00535F, #4B1300)
• Pale Mulberry Drift color palette (#D7F6E4, #007890, #972B7D, #594D00, #00242D)

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