Washed Petrol color palette — #F0F6FA · #D9DAE2 · #C3BCC9 · #00819C · #3D4A51

Cerulean takes the lead with Charcoal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D9DAE2): bright and airy, almost weightless.
• Stone (#C3BCC9): soft and architectural.
• Cerulean (#00819C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3D4A51): A full-bodied, dusty blue — the color of deep harbor water.

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

• Timeworn Canyon color palette (#EDF4F0, #CFD9DA, #CDB9BE, #2E809B, #242F29)
• Antique Harbor color palette (#F1F5FE, #DED6E0, #C2B7CB, #5161BB, #38404F)
• Pewter Parlor color palette (#E3FAFF, #A2BFC5, #6E88A2, #6D6737, #26565C)
• Abyss Harbor color palette (#E5EFF7, #A0AAB9, #7B7C98, #003D53, #031622)
• Dusty Cabin color palette (#E6FBEF, #51A9A0, #4B69A1, #594E00, #1C4253)
• Weathered Aubergine Canyon color palette (#E9EAF1, #BBB6C1, #9B8699, #592384, #1D1C33)
• Misty Courtyard color palette (#EDF7FF, #A2EDD3, #6FC6FF, #AA72C7, #2C415F)
• Ancient Petrol Pier color palette (#F0F6FA, #DBDAE3, #C6BCC9, #3C7C9F, #41494F)

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