Weathered Petrol color palette — #F9ECE1 · #87B9D4 · #3E66AD · #005049 · #2E2552

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

The five colors

• Cream (#F9ECE1): A whisper-light, dusty gold — the color of old brass.
• Sky (#87B9D4): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3E66AD): A full-bodied, balanced violet — the color of wild irises.
• Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#2E2552): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Timeworn Bloom color palette (#FBEBE4, #97BC9F, #12719A, #005332, #172C56)
• Petrol Dune color palette (#E4EBE5, #8ABBD6, #2A6FAA, #004A52, #031239)
• Hushed Cobalt color palette (#FCF4EB, #ABCEC3, #6775AA, #005F60, #403257)
• Sunlit Navy Villa color palette (#DFF4F0, #00A2B0, #00678E, #003C78, #272261)
• Softworn Harbor color palette (#FFF2ED, #9ADBDF, #008BB7, #006B36, #1C3F70)
• Muted Azure color palette (#D6E6FF, #4B9DE0, #005B93, #002D52, #001935)
• Tempered Wisteria color palette (#D3FBEA, #B7C6FF, #C289BE, #00716D, #3C253B)
• Hushed Denim color palette (#F8E8DF, #419DB3, #004D7C, #003124, #0A0740)

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