Worn Petrol color palette — #ECF5EC · #00BFC3 · #0071AE · #00686B · #000A16
Built around Slate, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#ECF5EC): bright and airy, almost weightless.
- Cyan (#00BFC3): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00686B): A full-bodied, dusty teal — the color of sea glass.
- Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged duotone, cool.
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
- Hazy Station color palette (#E5F7EE, #00B8EB, #2959E9, #006582, #010524)
- Petrol Canyon color palette (#EBF4F1, #7CBCE5, #6D6CAD, #006C9C, #170912)
- Ultramarine Atelier color palette (#EAF8FA, #00BD97, #0060C6, #006550, #0F1E2F)
- Jade Field color palette (#EFF4E8, #4CC18B, #007B79, #006D46, #000D01)
- Cerulean Boulevard color palette (#DCE9DE, #1A9FAB, #005B86, #005157, #000302)
- Feathered Turquoise Pier color palette (#B4EEFF, #12B5E8, #0079AE, #004071, #00173E)
- Faded Aqua color palette (#E8F8FD, #00D4D8, #0091CC, #00898B, #061F30)
- Timeworn Petrol Study color palette (#EBF5ED, #C8DBD9, #A3C9B8, #007986, #142B1B)
Browse the whole catalog at Explore, or see today's palette.