Worn Petrol color palette — #EEE3EB · #5CB2B2 · #007288 · #004D2F · #001625

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#EEE3EB): bright and airy, almost weightless.
• Turquoise (#5CB2B2): A luminous, balanced teal — the color of glacier melt.
• Teal (#007288): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D2F): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#001625): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Worn Petrol Meadow color palette (#E8DDE3, #61ADC9, #006BAA, #004A45, #030842)
• Aqua Chapel color palette (#FDEAE0, #60CAC9, #007388, #004025, #000306)
• Lagoon Basin color palette (#E8E9DA, #29A2A2, #00545A, #00302A, #00181C)
• Ancient Orchard color palette (#DCF2ED, #3FC6C6, #00959F, #006E62, #00181C)
• Muted Forest Courtyard color palette (#F5EBF1, #92D2CE, #0097AC, #00713C, #003248)
• Olive Courtyard color palette (#D8F6E7, #6D8846, #5A5500, #412C00, #001003)
• Wandering Lagoon Canyon color palette (#FBF2F7, #D2DFFA, #77ABD6, #098D84, #37476B)
• Plum Veranda color palette (#EEDCE5, #AD1B80, #645D00, #005844, #15000C)

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