Worn Petrol color palette — #EDF0E7 · #86B9D4 · #006FA6 · #004D5E · #0A3050

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF0E7): bright and airy, almost weightless.
• Sky (#86B9D4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006FA6): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#0A3050): A deep, shadowed, dusty 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

• Softworn Petrol Basin color palette (#EEEFE6, #98BC9F, #007587, #00504D, #003441)
• Washed Balcony color palette (#F4E6DB, #77BEE0, #246CB7, #004B4B, #0D1037)
• Softworn Cobalt color palette (#F4F6F0, #A3D0C2, #427BB7, #005B79, #493049)
• Worn Quarry color palette (#ECEEE1, #3D9DB4, #005268, #002F33, #001622)
• Antique Periwinkle Ridge color palette (#F8ECE3, #B1DFCA, #79A6E9, #009283, #2C2555)
• Patina Azure Cabin color palette (#F4F6F0, #C4E8EB, #6F9ECA, #3F778C, #5D4C5E)
• Navy Study color palette (#E2E6DB, #5084B7, #00387F, #002030, #01022B)
• Antique Nightshade color palette (#FFE8EF, #DCADE1, #D184BA, #5F4694, #4C2D35)

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