Weathered Petrol color palette — #F3EEE6 · #82BBCE · #00709F · #004F50 · #002E58

Built around Peacock, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#F3EEE6): a clean, paper-quiet neutral.
• Ash (#82BBCE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#002E58): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Cobalt Veranda color palette (#F4E6DE, #7CBFD4, #006EB9, #004D3D, #0F1035)
• Cobalt Courtyard color palette (#FAF4EB, #ADCEBF, #337DBA, #005E68, #263A5E)
• Dusty Sky color palette (#E6F2E8, #96E0F8, #54AFE2, #009092, #0B2F51)
• Cerulean Pier color palette (#EAE1D4, #459EA8, #005265, #003129, #001623)
• Antique Cabin color palette (#E7F3DB, #B3D5B6, #23A4D6, #007720, #003E38)
• Cypress Drift color palette (#F8F5EF, #C9E6E5, #749FBF, #127D84, #5F4B5F)
• Quiet Emerald Loft color palette (#D6E3CE, #5CA457, #007547, #004B3D, #00313A)
• Worn Plum Archive color palette (#D8E2CC, #00956C, #AB3776, #00573D, #4E0030)

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