Worn Petrol color palette — #D8EFF3 · #007992 · #00465F · #00203B · #0D0427
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D8EFF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007992): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00465F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#00203B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0D0427): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Cypress Delta color palette (#C7E8D5, #007A5F, #00433E, #002525, #020E18)
- Cobalt Lantern color palette (#E5EFFC, #1577D2, #00366B, #00112B, #00030C)
- Dusty Onyx Market color palette (#C6E8E4, #00919B, #006384, #002F5F, #130045)
- Denim Delta color palette (#D6F8EC, #006695, #6D3F00, #00304A, #1A0B00)
- Violet Summit color palette (#E2F1FF, #8BA0D9, #8F62C6, #004A5C, #041334)
- Airy Garnet Lantern color palette (#DFF0FF, #005083, #7A0034, #263700, #000814)
- Patina Nightshade Garden color palette (#D8E6EF, #0070CB, #0F1CBA, #190068, #140035)
- Softworn Courtyard color palette (#D3F2FA, #0097C5, #006FA4, #004383, #1D237D)
Browse the whole catalog at Explore, or see today's palette.