Weathered Petrol color palette — #E7F2E9 · #64C1D4 · #007295 · #00504B · #00314F

Built around Teal, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Cyan (#64C1D4): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00314F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Hushed Sapphire color palette (#E4F3E6, #7FB7E7, #3065BB, #004D5F, #242A4F)
• Washed Petrol Cabin color palette (#F1E5ED, #8FBBCF, #0074A1, #004D40, #001435)
• Timeworn Turquoise Bloom color palette (#EEEFE7, #B7DEC4, #24B5DB, #009095, #003346)
• Airy Archive color palette (#EAFAED, #9DD6FF, #4480CE, #006476, #303C6B)
• Softworn Cerulean color palette (#FAEBE4, #ABCEB6, #2191C4, #006E5C, #132E51)
• Patina Lagoon Drift color palette (#DDEADF, #0AA3A6, #005360, #003125, #001720)
• Weathered Ash Corridor color palette (#F0F7F1, #D5DFF1, #6FA0BD, #497682, #425568)
• Rust Summit color palette (#F1D4E8, #D44A1C, #007690, #822200, #002E3A)

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