Worn Petrol color palette — #ECF0E1 · #77C2E6 · #006EA1 · #003C48 · #000308

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

The five colors

• Cream (#ECF0E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#77C2E6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006EA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003C48): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000308): 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

• Denim Dune color palette (#EAEBE0, #72AEB4, #005F6E, #002B29, #000102)
• Softworn Balcony color palette (#F2F8E6, #AAD0F6, #3F7AC8, #004D6C, #000335)
• Tempered Navy Villa color palette (#F0DCE6, #5892AE, #004A86, #002C2B, #02001D)
• Hushed Turquoise color palette (#DCFBD7, #42DFEA, #00BDDF, #006D59, #000405)
• Petrol Harbor color palette (#F4F7EC, #BFE1F3, #6FADDF, #007B98, #132F4E)
• Airy Courtyard color palette (#E9DCD4, #77BADA, #2585E0, #006D6C, #0B0048)
• Ancient Denim Boulevard color palette (#CDF9F2, #00786D, #005A9E, #3F4900, #000201)
• Lagoon Station color palette (#DCE4D6, #009472, #8C5B00, #004736, #020100)

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