Weathered Petrol color palette — #EFF6FC · #D9DAE4 · #C0BDCB · #447C99 · #41494E

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

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D9DAE4): bright and airy, almost weightless.
• Stone (#C0BDCB): a calm mid-gray that lets other colors speak.
• Slate (#447C99): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#41494E): 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

• Indigo Corridor color palette (#F2F5FF, #E1D5E6, #BEB7D5, #685DAB, #3A3F50)
• Cerulean Bloom color palette (#EFF7F3, #E0D4D2, #ACA293, #6497AF, #3E4B45)
• Hushed Drift color palette (#EDF6FF, #AEB8E5, #807F99, #785F67, #3D5A4A)
• Patina Navy Ridge color palette (#D8E3ED, #9BAAC1, #777E96, #003B5F, #081520)
• Tempered Teal color palette (#E4FBF8, #7BC1A2, #2E8378, #455E69, #2A484A)
• Timeworn Aubergine color palette (#E0DEEA, #BDB4CA, #99879F, #5C3065, #1F1D29)
• Powder Boulevard color palette (#EEF6FF, #AEE7FF, #84C2FF, #9684C6, #334258)
• Muted Sapphire Loft color palette (#DBE6F4, #326CD2, #2A3149, #181F2A, #0B0C12)

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