Worn Petrol color palette — #F4EDE1 · #6FAEB1 · #007385 · #004C3D · #001721

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

The five colors

• Cream (#F4EDE1): bright and airy, almost weightless.
• Blue Fog (#6FAEB1): A luminous, dusty teal — the color of sea glass.
• Teal (#007385): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C3D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001721): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Washed Cobalt color palette (#EDE5D9, #80BCCC, #007FAA, #005956, #00213A)
• Aqua Chapel color palette (#E2F4E5, #5BCACF, #007486, #003F32, #000305)
• Ancient Field color palette (#EBE3D6, #719D8B, #005B97, #003A41, #000526)
• Gentle Corridor color palette (#F6EFE4, #76A8CD, #1964BD, #004856, #080049)
• Airy Forest Loft color palette (#F2E2F1, #2AC7CD, #0090BA, #007237, #001330)
• Feathered Cerulean Canyon color palette (#FBF4EA, #8CD9E7, #009BC3, #00736A, #003754)
• Dusty Harbor color palette (#FCF4E8, #B9E6D8, #689CEA, #007F98, #313B6D)
• Powdered Plum color palette (#EDDCEB, #9C3097, #705800, #005460, #130012)

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