Weathered Petrol color palette — #ECF4F1 · #DBD1CE · #CEB4AF · #4E7B97 · #232F2B

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DBD1CE): bright and airy, almost weightless.
• Rosewood Mist (#CEB4AF): A luminous, dusty orange — the color of autumn markets.
• Slate (#4E7B97): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#232F2B): 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

• Petrol Loft color palette (#EEF8F5, #E5D3CE, #CBB8B9, #567897, #404A47)
• Aged Indigo Summit color palette (#F7EFF3, #E7D3CB, #E2B2A8, #6D5BAD, #2E2027)
• Periwinkle Workshop color palette (#F1F6FB, #DBDAE4, #CCC0C2, #73A3CF, #3A4045)
• Softworn Station color palette (#FBEFE7, #C3B287, #6C7D45, #6F4854, #302513)
• Washed Fern Alley color palette (#E1FADE, #C9B2CA, #A17D85, #57651F, #2E3800)
• Worn Navy Terrace color palette (#E5EDEB, #AA9BA3, #906E92, #003863, #000604)
• Antique Cobalt color palette (#ECDEE8, #5B6EBE, #46262E, #1F101C, #030805)
• Hushed Ultramarine color palette (#F7EFF6, #E6CBD7, #C89BBD, #1956B2, #221422)

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