Worn Petrol color palette — #F2EEE6 · #73BED3 · #00719B · #00504E · #003054
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F2EEE6): bright and airy, almost weightless.
- Cyan (#73BED3): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00719B): 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 (#003054): A deep, shadowed, balanced 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
- Wandering Cypress color palette (#F3EEE5, #9DBB99, #007680, #00523A, #003441)
- Hushed Sapphire Studio color palette (#F5EDE2, #91B6D6, #2661CB, #004D5F, #242954)
- Weathered Workshop color palette (#F7E5DB, #62C3DA, #0070B0, #004D39, #0C0F39)
- Timeworn Turquoise color palette (#E1F3F1, #A5DDEF, #3DB3DE, #008F9B, #003249)
- Tempered Cornflower color palette (#FBF4E9, #A4D4FF, #467CDC, #00637A, #333A6F)
- Cerulean Lagoon color palette (#F4EDE3, #22A2AA, #005363, #003128, #001622)
- Azure Canyon color palette (#F8F5EF, #C4EBEA, #67A0C7, #2D7C7F, #5D4C5E)
- Washed Cerulean Garden color palette (#F8F5EF, #CBE5C8, #009CAA, #007454, #314F3F)
Browse the whole catalog at Explore, or see today's palette.