Worn Petrol color palette — #C8EFE7 · #007E8C · #004C6C · #00132D · #01000A
Built around Teal, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Honeydew (#C8EFE7): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#007E8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004C6C): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#00132D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: 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
- Cellar Denim color palette (#DDF2F6, #005A70, #00324A, #001329, #000106)
- Cypress Summit color palette (#DFF2DA, #007A58, #00443C, #001418, #000103)
- Cobalt Balcony color palette (#D8E7FB, #467CD0, #003D88, #00091C, #000104)
- Hushed Villa color palette (#DCEFFF, #0073A4, #784800, #002F46, #020100)
- Twilit Nightshade color palette (#D1E6EC, #0072AC, #0023A4, #16003F, #030004)
- Tempered Peony color palette (#C7E5FF, #B4BAE9, #CB73A7, #004849, #00000C)
- Quiet Terrace color palette (#E1E4C3, #42913C, #1448E7, #0A0419, #000106)
- Hushed Ultramarine Archive color palette (#DEE6F4, #0047C1, #6C3500, #4E2500, #000107)
Browse the whole catalog at Explore, or see today's palette.