Worn Petrol color palette — #EEF0E7 · #84BAD2 · #00719D · #004E5A · #00314F

Peacock takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EEF0E7): a clean, paper-quiet neutral.
• Ash (#84BAD2): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#00314F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Courtyard color palette (#F0E7E1, #7FBDD7, #006FB7, #004B48, #081039)
• Washed Terrace color palette (#EFEFE7, #9CBB9B, #00767E, #005146, #00353C)
• Weathered Field color palette (#F4F6F0, #AACEC1, #497DA9, #005C74, #183B64)
• Faded Sky color palette (#E4F2F1, #95DFFF, #41B0EA, #008EA3, #05314E)
• Worn Turquoise Alley color palette (#DFF5DA, #92D0D1, #3FABC3, #006F59, #003A38)
• Weathered Petrol color palette (#F4F6EF, #CBE1E2, #709FC2, #32798D, #31524A)
• Softworn Quarry color palette (#E9EBDA, #4D9DAA, #005364, #003030, #001720)
• Hushed Sapphire color palette (#D8E2CF, #009475, #475FC7, #005643, #151F62)

Browse the whole catalog at Explore, or see today's palette.