Weathered Petrol color palette — #DFECEC · #8EB8DE · #3A6DA9 · #004762 · #031337

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFECEC): a clean, paper-quiet neutral.
• Sky (#8EB8DE): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3A6DA9): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004762): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#031337): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Antique Petrol color palette (#DBEEEA, #8DBCCC, #007989, #004C48, #001921)
• Wandering Thicket color palette (#F5EDE5, #93BBB0, #4662B5, #004E58, #2E2552)
• Muted Cobalt Boulevard color palette (#EDF0E7, #A1C9EC, #4B89D0, #00668A, #132B59)
• Muted Archive color palette (#D4EEEB, #4694B7, #004F74, #002A33, #00050D)
• Patina Mulberry color palette (#FFE5FC, #FFB8A7, #D59772, #994358, #291024)
• Linen Aubergine Alley color palette (#F8E9F9, #B33A4D, #7B5700, #65298C, #1D0004)
• Weathered Chestnut color palette (#DFF7E0, #9A8352, #714D00, #472900, #001307)
• Misty Garnet Bloom color palette (#F2DCF3, #CA5064, #6F7000, #86002D, #131300)

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