Worn Petrol color palette — #ECF4F1 · #DBD1CE · #CCB4B0 · #3E7CA1 · #242F2B

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 (#CCB4B0): A luminous, dusty orange — the color of toasted spice.
• Slate (#3E7CA1): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#242F2B): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn 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

• Tempered Petrol color palette (#EFF7F5, #E1D3D0, #CFB6B8, #50799B, #3F4B47)
• Aged Pier color palette (#F1F6FB, #D9D9DF, #CCC0C2, #64A4DA, #374049)
• Timeworn Amethyst Field color palette (#F9EEF3, #E1D3CD, #D6B7AF, #744DC6, #311E28)
• Antique Forest Canyon color palette (#DCF0D1, #99BAAA, #967885, #426749, #293920)
• Patina Pewter color palette (#F9F0E9, #C6B08E, #727A4D, #704754, #312512)
• Cobalt Villa color palette (#F5E4F1, #5B70B6, #44272F, #1F101C, #020805)
• Timeworn Ultramarine color palette (#F7EFF6, #E2CDD6, #C6A1A3, #004DCE, #221521)
• Navy Thicket color palette (#EDE4EE, #AB9AA3, #947177, #003764, #08020A)

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