Worn Petrol color palette — #E7F2E9 · #81BCCB · #007297 · #00504D · #013050

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

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Ash (#81BCCB): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#013050): 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 Worn 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

• Aged Loft color palette (#F1F7F2, #9ACEE4, #2E7FB3, #005F64, #253C57)
• Soft Sapphire color palette (#E7F2E9, #86B7DE, #1062CD, #004D5D, #232B4D)
• Quiet Petrol Corridor color palette (#F2E5ED, #5FC3D9, #0071AC, #004D37, #09103A)
• Softworn Turquoise color palette (#EEF0E1, #B6DEC5, #47B3D6, #009097, #003347)
• Wandering Grove color palette (#DBE5DD, #419FA3, #005361, #003127, #001721)
• Antique Turquoise Harbor color palette (#F1F7F2, #D5DEF0, #65A1C5, #2A7C7D, #455465)
• Azure Basin color palette (#C7F7FB, #88E4DF, #00AAD7, #367127, #0E3C42)
• Gentle Pier color palette (#E3E9DA, #4DA21F, #007030, #004D38, #00342A)

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