Weathered Petrol color palette — #E8F5F1 · #F7D7DA · #D9B4BC · #33719D · #192924

A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Cream (#E8F5F1): bright and airy, almost weightless.
• Shell Pink (#F7D7DA): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D9B4BC): A luminous, dusty red — the color of a theater curtain.
• Slate (#33719D): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#192924): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Timeworn Lagoon color palette (#FBF2FB, #E4D5D8, #CCB4C3, #3D6BAA, #493A4A)
• Worn Denim color palette (#EEE6EE, #DDC3CF, #B59C9F, #265593, #1C121C)
• Weathered Pewter color palette (#F8EFF3, #E1D5D1, #C6BAB0, #8F677D, #32292E)
• Washed Lantern color palette (#F0F6FD, #DBD9E3, #BFB0AB, #5795DC, #2D3640)
• Wandering Chapel color palette (#C2ECFF, #B2ABE1, #A56F84, #555200, #213310)
• Antique Cornflower Summit color palette (#FEEBFF, #0382EE, #7F4F00, #403A00, #1C1800)
• Hushed Coast color palette (#FFEFDF, #BDA91E, #4D792E, #594069, #2A1F00)
• Ancient Aubergine Pier color palette (#F3E6EB, #B79799, #987166, #3F2369, #0B0105)

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