Worn Petrol color palette — #DFF5E3 · #00818B · #0F364F · #051B0B · #020601
Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DFF5E3): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#0F364F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#051B0B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#020601): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Pine Atelier color palette (#E9EFDD, #008850, #003B3A, #131903, #050500)
- Wandering Garden color palette (#CAF0DD, #006A8A, #333741, #0F2249, #000D06)
- Timeworn Cerulean Archive color palette (#DDEEE3, #008FA8, #4C374E, #15261C, #090F08)
- Hushed Cerulean color palette (#D1E9D6, #009DAD, #165C70, #1D3625, #010601)
- Twilit Cobalt color palette (#F1D9F3, #0072CF, #322C54, #200E22, #010603)
- Softworn Iris color palette (#F9EEF6, #8297DF, #675158, #3E343C, #1C2421)
- Azure Atelier color palette (#D3E2F2, #389EF9, #807B1F, #955600, #00203D)
- Muted Olive color palette (#F2E2CD, #AEA863, #5A7F30, #216254, #2E2A00)
Browse the whole catalog at Explore, or see today's palette.