Worn Petrol color palette — #E9F1EA · #8DB8CE · #00719A · #00504E · #003053
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#E9F1EA): bright and airy, almost weightless.
- Ash (#8DB8CE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#003053): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Antique Cobalt color palette (#F0F8F1, #A6CBE2, #397EB1, #005F65, #243B5C)
- Muted Petrol color palette (#F0E5ED, #94BACD, #216FAC, #004D3B, #0D0D3B)
- Ancient Garden color palette (#F5EDE1, #A6DDED, #07B3EF, #00918E, #0E304C)
- Aged Harbor color palette (#F1F7F2, #D6DEF0, #749FBC, #447786, #40546C)
- Aged Cerulean Archive color palette (#DBEBDE, #35A0A7, #005362, #003128, #001722)
- Timeworn Balcony color palette (#D6FCFD, #9BDCD7, #55A4C2, #2C672D, #003B34)
- Frosted Emerald Studio color palette (#E2EED7, #4BA341, #007138, #004938, #00322C)
- Timeworn Mulberry Balcony color palette (#C8E5E5, #26A673, #912982, #005738, #490340)
Browse the whole catalog at Explore, or see today's palette.