Worn Petrol color palette — #F5EAF6 · #79C6C7 · #007291 · #004118 · #00020A

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

The five colors

• Blush (#F5EAF6): bright and airy, almost weightless.
• Mint Leaf (#79C6C7): A luminous, dusty teal — the color of sea glass.
• Teal (#007291): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004118): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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 Ultramarine Harbor color palette (#FAE8F2, #93BDD8, #2164BE, #003F37, #030011)
• Hazy Cobalt Canyon color palette (#FFF0FB, #9CD7E5, #0081C4, #00543C, #040037)
• Patina Quarry color palette (#EDDCD7, #3AA1A1, #005268, #00330E, #00142C)
• Cerulean Basin color palette (#EEE7DD, #56C4C3, #0093A6, #006F56, #001720)
• Tempered Cerulean color palette (#D4E4E8, #00A0BF, #005764, #001B22, #000102)
• Misty Rust Quarry color palette (#D5F1F6, #009281, #B03900, #00463D, #040000)
• Lagoon Drift color palette (#DEEFDC, #009166, #006059, #002731, #000307)
• Softworn Lilac Pier color palette (#C7FFFB, #A1D3F4, #AE88F0, #006216, #00070A)

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