Weathered Petrol color palette — #DEF5F9 · #9BB4CE · #669FB1 · #666AA5 · #432E5D

Slate takes the lead with Royal Purple close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DEF5F9): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#9BB4CE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#669FB1): A luminous, dusty blue — the color of deep harbor water.
• Slate (#666AA5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Royal Purple (#432E5D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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 Cobalt color palette (#DAEFDE, #8BC5C8, #6FA8A0, #3575AC, #2B3D5B)
• Pale Parlor color palette (#E1F5F0, #65B2B6, #2295AE, #55558F, #331E52)
• Violet Grove color palette (#C8E8EF, #75CCF3, #67A1DC, #9967B4, #582E53)
• Aged Powder Balcony color palette (#E4FAFF, #BFDBE5, #93BDD5, #828AA7, #4A4A68)
• Muted Workshop color palette (#D7EFFD, #5F8CB6, #4C5FA0, #652C5C, #230013)
• Hushed Turquoise color palette (#E2F3F1, #B2D9F1, #4EB1DE, #008E9F, #00314C)
• Mulberry Delta color palette (#FFF4E1, #AFC399, #569A86, #774263, #402218)
• Rose Delta color palette (#E0E8FF, #C9CBFA, #B39ED1, #C6677D, #773A35)

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