Weathered Petrol color palette — #F0F6FC · #DBD9E3 · #C3BCC9 · #487A9F · #3E4953

Built around Slate, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DBD9E3): bright and airy, almost weightless.
• Stone (#C3BCC9): soft and architectural.
• Slate (#487A9F): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3E4953): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Cobalt Terrace color palette (#ECF4F2, #DBD1CF, #C5B5B8, #4179AE, #21302C)
• Grape Villa color palette (#F3F5FC, #E1D5E1, #C4B6CC, #7554B1, #3C3E50)
• Washed Cabin color palette (#EBF6FF, #A0ADD0, #89839B, #3D6A60, #2A4F55)
• Worn Navy color palette (#E2E9F0, #A2A9BB, #7D7C96, #00376C, #0A1521)
• Muted Olive color palette (#EEF9EC, #8FBBA3, #677C49, #4E5A71, #2D4A3A)
• Patina Indigo Study color palette (#DAE5FA, #5667C6, #302F47, #181F2D, #0B0C13)
• Ancient Atelier color palette (#EDEEF6, #CEC9D7, #AB99AF, #63457D, #2C2C3D)
• Aubergine Meadow color palette (#E4E1EC, #BFB4C4, #9F8599, #6B1D67, #211C2B)

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