Weathered Petrol color palette — #CBF5FC · #299ED3 · #0867B1 · #2A4489 · #35345E

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

The five colors

• Frost (#CBF5FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#299ED3): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0867B1): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#2A4489): A full-bodied, balanced violet — the color of wild irises.
• Navy (#35345E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Gentle Teal color palette (#DAF7EF, #00A9AC, #007D93, #004E76, #1B375C)
• Softworn Lapis Field color palette (#DEECF6, #729BEB, #565BBC, #573682, #4B2C52)
• Patina Lagoon color palette (#C3E9F2, #52C5FF, #30A7FF, #5673C8, #38325E)
• Powdered Pier color palette (#F1F5FF, #8BA2E5, #415AA8, #1D2A75, #0E1B4F)
• Soft Balcony color palette (#F9E8FB, #5791CF, #967300, #00589D, #443300)
• Nightshade Pier color palette (#D1EAF4, #0089CC, #0034B6, #200E83, #270945)
• Antique Cobalt Delta color palette (#F4DCF3, #4377D0, #926100, #705700, #3A2139)
• Petrol Chapel color palette (#FFF0FE, #DACFFF, #D3A8C5, #0C7187, #54384C)

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