Washed Petrol color palette — #EFF7F2 · #CDDDDE · #BCAEBB · #246E80 · #323E37

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

The five colors

• Ivory (#EFF7F2): a clean, paper-quiet neutral.
• Silver (#CDDDDE): a clean, paper-quiet neutral.
• Ash (#BCAEBB): A luminous, dusty pink — the color of a candy shop window.
• Teal (#246E80): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#323E37): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Abyss Grove color palette (#F3F7EF, #CEDDD8, #A5B9AB, #32715C, #2A4300)
• Tempered Cerulean Ridge color palette (#EFF7FA, #D6D9E3, #BFBBD2, #288FA2, #2E3D44)
• Washed Drift color palette (#FBF2F6, #F1D4CE, #D4B2B5, #6E5CA5, #4B3A42)
• Softworn Terrace color palette (#FAF2F8, #E3D7D7, #B0ADA3, #97768F, #585055)
• Patina Ultramarine Boulevard color palette (#FFF0FD, #E1CBD9, #C19AA9, #1E54B3, #3D2C3C)
• Patina Abyss color palette (#DBE5E0, #A6C0B8, #A0849B, #004C64, #11241C)
• Dusty Workshop color palette (#C3E6FA, #96ACD4, #8F6E7C, #7B4615, #424200)
• Softworn Navy color palette (#EFE3EA, #AC919B, #8A656C, #261D60, #12040D)

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