Worn Petrol color palette — #EEF7F6 · #C2E2F5 · #5F91AD · #236D7A · #2D4B63
Teal takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EEF7F6): bright and airy, almost weightless.
- Powder Blue (#C2E2F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Storm Blue (#5F91AD): A luminous, dusty blue — the color of open sky before noon.
- Teal (#236D7A): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#2D4B63): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Dusty Basin color palette (#F7EFF4, #C3E1F4, #6692BA, #006D68, #1F2A4A)
- Worn Violet Boulevard color palette (#EDF6FF, #4E8FBF, #8F66B1, #0E7A67, #213A50)
- Washed Garden color palette (#B7F4FB, #4EBCD2, #0089A7, #005D79, #2E3D62)
- Patina Archive color palette (#E1F1F0, #6596B5, #004D7C, #002E3B, #00142D)
- Ancient Grove color palette (#DBE9E6, #58AFAC, #006468, #003F35, #00242A)
- Turquoise Meadow color palette (#F4F6EF, #C0E7E6, #74C9F4, #30A9BC, #295045)
- Lagoon Quarry color palette (#FAF4F0, #C0E8E6, #79AAD6, #008D86, #5B3C55)
- Chalky Turquoise color palette (#EBF7FF, #43ADD2, #799454, #00708E, #394923)
Browse the whole catalog at Explore, or see today's palette.