Washed Petrol color palette — #FAF4EC · #BBDDD1 · #7398C6 · #00798D · #2B3860

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Silver (#BBDDD1): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7398C6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00798D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2B3860): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Cypress Station color palette (#F9F4ED, #BCDEC6, #59A0BC, #007D74, #114437)
• Quiet Meadow color palette (#FDF4E6, #8BD7F3, #0096D8, #007275, #003363)
• Ancient Workshop color palette (#E7DDCF, #68AEBC, #007192, #004A45, #001626)
• Timeworn Cobalt Thicket color palette (#FBF4ED, #AECDC2, #5F75B2, #00605E, #3E325A)
• Cobalt Meadow color palette (#C9E9EE, #3EBDE6, #0089C6, #165FA3, #253E67)
• Patina Field color palette (#E6DED1, #7297B7, #2755A1, #003947, #05002C)
• Muted Hollow color palette (#FEF0FF, #E3D5F3, #CAB3E7, #5397B2, #4C3349)
• Amber Workshop color palette (#DEF4ED, #6AAFE4, #D58A1F, #0070AD, #4D2D00)

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