Weathered Petrol color palette — #F4F7E6 · #76C5DC · #00799C · #00555C · #003850

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

The five colors

• Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#76C5DC): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00799C): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00555C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#003850): A deep, shadowed, dusty 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

• Chalky Sapphire Garden color palette (#F3F7EA, #81BEF2, #006DCB, #00516F, #132F66)
• Faded Boulevard color palette (#FFEEE5, #04D0F5, #007AB1, #005348, #001642)
• Timeworn Lagoon Corridor color palette (#F6F6E7, #87E1DA, #009195, #006857, #004950)
• Wandering Denim Harbor color palette (#E4E7D9, #6BA9BE, #006080, #003D44, #002236)
• Timeworn Azure color palette (#F4F6EF, #C7E5E5, #5EA2CB, #3B7887, #355149)
• Misty Azure Quarry color palette (#FFF0FA, #68DDFA, #0096D8, #007465, #0D2F68)
• Wandering Navy Study color palette (#E2E6DA, #4787B2, #003E6C, #00202C, #00081D)
• Hazy Corridor color palette (#BFFFEC, #00B091, #006353, #003429, #001E16)

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