Washed Petrol color palette — #FAEBE4 · #81BDC4 · #007394 · #00523D · #002F54

Teal and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FAEBE4): bright and airy, almost weightless.
• Ash (#81BDC4): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007394): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#002F54): A deep, shadowed, balanced 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

• Antique Petrol Drift color palette (#DEEDEA, #8BBCCE, #00788A, #004B49, #001921)
• Worn Canyon color palette (#F4EDE6, #90B6D8, #4862B2, #004E58, #2E2456)
• Cerulean Pier color palette (#FCF3EF, #A5D1B6, #467FA2, #006154, #253A5D)
• Antique Turquoise Orchard color palette (#F7EAF3, #9BE1E9, #00B4E7, #009471, #002F54)
• Onyx Quarry color palette (#F0E4DC, #448BA1, #004065, #00231F, #00012E)
• Misty Canyon color palette (#FFEAFA, #D7C0FF, #CA789A, #005F81, #47273A)
• Washed Cerulean Basin color palette (#FCF3EC, #C6E4D9, #688BC1, #007075, #5C3C51)
• Quiet Lapis color palette (#F3E2EE, #4F58D7, #755A00, #36511B, #171B3E)

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