Weathered Petrol color palette — #F5EDE4 · #90BCB0 · #4D62AC · #004E5A · #30205C

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

The five colors

• Cream (#F5EDE4): bright and airy, almost weightless.
• Ash (#90BCB0): A luminous, dusty teal — the color of glacier melt.
• Slate (#4D62AC): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#30205C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Muted Sapphire Harbor color palette (#FFF3E7, #8ABEE9, #3E63D3, #00545E, #332468)
• Ancient Garden color palette (#FAEBE5, #9CBAA3, #007297, #005140, #002E58)
• Washed Sapphire color palette (#E0ECEC, #97B7D8, #2C68C0, #004666, #081332)
• Cobalt Field color palette (#EDF0E8, #A5C8EC, #4D86D8, #00658F, #1D2C51)
• Weathered Dune color palette (#FFF2EB, #B0DAC1, #0088C6, #00685B, #223E70)
• Timeworn Meadow color palette (#FCEDE1, #6796B0, #00488F, #003030, #0D063F)
• Quiet Periwinkle color palette (#E7F2E7, #AFD8FF, #86A0EE, #1A8D9F, #2F2551)
• Ancient Abyss color palette (#F3E5DE, #4D8C94, #004359, #00231A, #000919)

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