Weathered Petrol color palette — #DCEBF8 · #0072A8 · #003263 · #1B1821 · #000811

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

The five colors

• Frost (#DCEBF8): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#0072A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003263): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#1B1821): quiet, heavy and certain.
• Ink (#000811): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Weathered Cypress color palette (#CFF3FC, #007B78, #003A3F, #191B22, #00090C)
• Chalky Canyon color palette (#DFEAF6, #1894FB, #395697, #173655, #000813)
• Worn Pier color palette (#EAEFFD, #9790FF, #6F599B, #38405C, #0C111C)
• Shadow Hollow color palette (#D8E1F1, #434CF4, #30226B, #24141C, #03031F)
• Dusty Fuchsia color palette (#E6E2F2, #DD85DB, #77688A, #4B4758, #18171F)
• Airy Violet color palette (#E1E6FF, #976CF2, #63447A, #2A2E44, #03040B)
• Weathered Meadow color palette (#CEE4E0, #5BC1D0, #0092AD, #006D6C, #001720)
• Powder Alley color palette (#EAF3FE, #8FB7FE, #707B93, #4D5561, #1E2227)

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