Weathered Petrol color palette — #F0F6FA · #D8DBE6 · #BDBFD2 · #387D9B · #3F4951

Slate takes the lead with Ash 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 (#D8DBE6): bright and airy, almost weightless.
• Ash (#BDBFD2): A luminous, dusty violet — the color of wild irises.
• Slate (#387D9B): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F4951): a grounded near-black with real depth.

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

Use it as a design system

One click turns Weathered 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

• Softworn Cabin color palette (#EBF3F8, #D5D7E1, #BDBAC7, #527B91, #262D31)
• Hushed Driftwood color palette (#E3EEFF, #A0B0D2, #787DA0, #6B5C70, #5B4759)
• Wandering Indigo Dune color palette (#F1F5FF, #DFD5E9, #B7B8E2, #645BB7, #3B3F4D)
• Aged Harbor color palette (#EFF7F3, #D0DEE0, #D1BBB4, #719A83, #404B45)
• Dusty Abyss Pier color palette (#DEE6ED, #9DABBA, #6C7FA4, #003B5B, #051523)
• Wandering Workshop color palette (#ECF8F7, #86BBBC, #18866F, #37616B, #2B4849)
• Frosted Cabin color palette (#EEF6FF, #9EE1FF, #82C5FF, #6C85DE, #2A3E56)
• Patina Aubergine color palette (#E4E3EB, #BAB5CA, #9487A6, #5D2C6C, #1F1C2E)

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