Worn Petrol color palette — #E8F9F9 · #6AA884 · #007F8A · #30567F · #2A4A3A
Teal takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E8F9F9): bright and airy, almost weightless.
- Jade (#6AA884): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007F8A): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#30567F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#2A4A3A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Aged Petrol Drift color palette (#ECF7FC, #4DA7B0, #3F73AC, #5A4978, #1D4B48)
- Wandering Lagoon Parlor color palette (#D4FFFC, #7FBC9A, #1A9470, #2A7460, #325459)
- Hushed Ash Coast color palette (#E0FCFA, #A6C7C9, #73A1AC, #606D7B, #545160)
- Wandering Pine color palette (#EEF8F3, #A19B56, #348255, #005F69, #573845)
- Moss Workshop color palette (#E7F6F0, #9BA440, #467799, #4F4668, #2A223D)
- Navy Cabin color palette (#DFF7FC, #008980, #005A84, #3D2B70, #083510)
- Chartreuse Quarry color palette (#EBF9F5, #EFF7B4, #ABDB8C, #63A87C, #31534F)
- Hushed Olive Dune color palette (#E7F5F3, #598C4D, #254341, #1B2C2A, #111718)
Browse the whole catalog at Explore, or see today's palette.