Worn Petrol color palette — #D9FEFE · #B6E6ED · #70A3B4 · #526FA4 · #3D3D65
Slate and Navy set the tone — five colors that lean into calm and sophistication.
The five colors
- Ivory (#D9FEFE): A whisper-light, dusty teal — the color of shallow lagoons.
- Powder Blue (#B6E6ED): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#70A3B4): A luminous, dusty blue — the color of open sky before noon.
- Slate (#526FA4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#3D3D65): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Calm, Sophistication. Tagged vintage, retro, 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
- Patina Petrol Hollow color palette (#D8FFF3, #AEE4DB, #78A489, #287086, #203C51)
- Patina Stone color palette (#D9FEFC, #BCE0F6, #8EBECA, #667E98, #3E495F)
- Navy Workshop color palette (#CBF0E9, #44A5AE, #00647A, #2E236C, #0D001B)
- Sunlit Navy Studio color palette (#ACF3D6, #79AAB3, #008792, #293D87, #160540)
- Muted Onyx Ridge color palette (#CDE4E7, #438399, #184C6B, #31194B, #060008)
- Aubergine Corridor color palette (#D5FFFC, #74D6E4, #49A6C9, #5C5396, #410E5D)
- Muted Turquoise Field color palette (#EEF7F6, #D5DFEB, #29B9D3, #007F7C, #003442)
- Hushed Onyx color palette (#E6F7FF, #A8C8E6, #6984B6, #744C76, #491333)
Browse the whole catalog at Explore, or see today's palette.