Weathered Petrol Ridge color palette — #ECF9EF · #77C6D3 · #007999 · #00574E · #003753

A conversation between Teal and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Sky (#77C6D3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007999): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00574E): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#003753): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered Petrol Ridge 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

• Airy Orchard color palette (#E9FBEC, #8CBFDF, #006EC7, #005460, #162A72)
• Cobalt Pier color palette (#FDECF9, #5ECDDF, #007AAF, #005437, #061444)
• Tempered Iris Grove color palette (#E6F9FF, #ABDAFF, #909AFF, #006D6A, #003850)
• Softworn Denim color palette (#DEECE1, #69AABA, #006080, #003E3B, #00213A)
• Misty Sky color palette (#FFF4E2, #7CEDFF, #00BCEB, #00998B, #003753)
• Patina Azure color palette (#FFF2EC, #74DDED, #0097D6, #00764E, #1A2E64)
• Navy Basin color palette (#E0EAE2, #5188A4, #003F69, #002226, #000623)
• Pale Scarlet Bloom color palette (#C8EBFB, #0095AB, #CE1E00, #005866, #5A0700)

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