Weathered Petrol color palette — #F0F7F3 · #D2DDDF · #CEBDC0 · #0180A4 · #3C4C44

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

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D2DDDF): a clean, paper-quiet neutral.
• Stone (#CEBDC0): soft and architectural.
• Cerulean (#0180A4): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3C4C44): A full-bodied, dusty teal — the color of sea glass.

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

• Cobalt Market color palette (#F8F3F8, #DFD7D8, #B1ACA1, #6383B5, #584F58)
• Petrol Archive color palette (#EDF4F0, #DDD0CE, #C8B4B4, #447E8E, #262F29)
• Hushed Denim color palette (#EDF8F5, #DDCDD9, #BF9AAE, #005D9D, #193A32)
• Hushed Lapis Terrace color palette (#FBF2F8, #E6D5D3, #D4B2B9, #5D58C5, #4A3A44)
• Softworn Workshop color palette (#F5F6E9, #A9B591, #398271, #41634B, #394A00)
• Tempered Cobalt Ridge color palette (#EBE1EC, #3E73B1, #412939, #281929, #091516)
• Wandering Market color palette (#E6F1EC, #AFA6AF, #937489, #003C58, #001911)
• Chestnut Coast color palette (#D5FCEF, #CDB3C5, #A57B8C, #885520, #4A5100)

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