Worn Petrol color palette — #C5EDEC · #487D9C · #47406A · #312600 · #00220C
Built around Slate, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Honeydew (#C5EDEC): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate (#487D9C): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#47406A): A deep, shadowed, dusty violet — the color of a velvet chair.
- Espresso (#312600): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#00220C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Denim Basin color palette (#C6E8FD, #5A5E8E, #57344F, #052604, #00120E)
- Muted Denim color palette (#F6E9F0, #6098AF, #004C80, #00302D, #05093F)
- Ancient Dune color palette (#EBE5F8, #94789D, #7F5170, #632000, #341900)
- Dusty Violet color palette (#C6EEF5, #7697C9, #965FB1, #50541E, #1A2300)
- Softworn Aubergine Coast color palette (#E0DFED, #7C5F99, #652C66, #470102, #170500)
- Worn Boulevard color palette (#ECE9FF, #9A7394, #73443C, #004244, #002D38)
- Pine Ridge color palette (#D6EDE5, #247F47, #004238, #002733, #001506)
- Muted Pewter Boulevard color palette (#DEE2FF, #A69FC5, #906160, #295B62, #253F51)
Browse the whole catalog at Explore, or see today's palette.