Weathered Petrol color palette — #F9F4ED · #C3E0F1 · #7DA9DD · #007C8F · #1E2B55

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Powder Blue (#C3E0F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#7DA9DD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007C8F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1E2B55): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Alley color palette (#F9F4EE, #BDE2E7, #3EB8CC, #008266, #003444)
• Petrol Orchard color palette (#F5EDE0, #87C2CD, #007292, #003E39, #000307)
• Cobalt Canyon color palette (#EEF8F0, #95CDF1, #427BBA, #005E6C, #2C395B)
• Washed Periwinkle color palette (#FBF4EE, #BAEDDA, #8CB0FF, #00A199, #502E40)
• Denim Harbor color palette (#EBE2D3, #7BAE9F, #20529D, #002A34, #01000B)
• Weathered Alley color palette (#FAF4EB, #ACD0F5, #4A75D4, #004E63, #090033)
• Frosted Cobalt color palette (#FFF2EF, #E18897, #7CA545, #0B81D8, #30100A)
• Aged Courtyard color palette (#FFF2EF, #F9A1B9, #24BFAB, #C9326D, #003029)

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