Weathered Petrol color palette — #E9EFF4 · #CFD8E6 · #B1B6CE · #007BAA · #252F37

A conversation between Cerulean and Ash, giving this palette its sense of trust and stability.

The five colors

• Cream (#E9EFF4): bright and airy, almost weightless.
• Silver (#CFD8E6): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#B1B6CE): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#007BAA): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#252F37): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Tempered Bloom color palette (#E3E8ED, #BFC4D1, #A3A1BE, #225FAD, #17202A)
• Patina Azure color palette (#E6F2EC, #E5D1D5, #CFB5B1, #2B9ECE, #20322B)
• Antique Grove color palette (#F2F5FF, #DDDBEF, #E1ACC7, #775BE0, #2E3241)
• Washed Parlor color palette (#CFE6F1, #0096AE, #A22585, #494400, #002713)
• Weathered Parlor color palette (#CDEBF9, #8DAADC, #966EA0, #546327, #1B3D19)
• Sapphire Lantern color palette (#D2DFF3, #3265E5, #3A2757, #0A1628, #00050C)
• Hazy Lapis Boulevard color palette (#C7E7D7, #00A1CE, #634FCE, #4E4A00, #022543)
• Wandering Olive Meadow color palette (#F6DDE6, #BAA35C, #6C7B00, #43547C, #12301E)

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