Weathered Petrol color palette — #F0F6FD · #DAD9E3 · #C1BCCD · #5C7699 · #414851

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DAD9E3): a clean, paper-quiet neutral.
• Stone (#C1BCCD): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#5C7699): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#414851): quiet, heavy and certain.

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

• Petrol Orchard color palette (#EDF2F8, #D7D5DE, #BEB9C4, #5078A4, #252D35)
• Timeworn Ash Meadow color palette (#EEF2FF, #A5A9D2, #867FA3, #6D5B6B, #5E4244)
• Weathered Navy color palette (#DCE1EB, #A0A9BE, #757DA1, #1E3072, #0A1424)
• Patina Denim color palette (#F1F5FF, #C9D1F0, #9FA3C9, #4D509C, #2A3248)
• Softworn Garnet Grove color palette (#F0ECF5, #BEB5C4, #98879C, #6E2354, #221C29)
• Muted Stone color palette (#E7FBF1, #A8B878, #677B52, #425F65, #334741)
• Iris Quarry color palette (#FFF0FF, #8291E0, #6F5E98, #723A45, #363C50)
• Patina Indigo Quarry color palette (#DCE4FA, #635DD5, #2D3145, #1A1F2A, #0C0B12)

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