Worn Petrol color palette — #F5EDE1 · #79BDD2 · #00719D · #004F50 · #002F56
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Cyan (#79BDD2): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#002F56): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Muted Petrol color palette (#F5EDE3, #9EBA9C, #007682, #00523C, #003442)
- Wandering Cobalt color palette (#FBF4EA, #A6D0BE, #427DAF, #005E67, #283A5A)
- Weathered Petrol color palette (#EFE7E3, #9ABDA8, #116FB3, #004D3C, #0E0941)
- Chalky Denim Cabin color palette (#EAE2D6, #75A4C8, #1E559F, #003C49, #11164E)
- Azure Meadow color palette (#E7F2E9, #ADDAF3, #13B1F4, #009191, #092F51)
- Abyss Ridge color palette (#F1EADF, #579CA3, #005264, #003129, #001623)
- Tempered Navy color palette (#E8DFD2, #4D88AB, #003D72, #002127, #01002F)
- Dusty Delta color palette (#FAF4EB, #CBE4CA, #4198A5, #2E7059, #2C513F)
Browse the whole catalog at Explore, or see today's palette.