Worn Petrol color palette — #F3E6DD · #7DBDDC · #376DA8 · #004B4B · #0E1232

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

The five colors

• Parchment (#F3E6DD): a clean, paper-quiet neutral.
• Sky (#7DBDDC): A luminous, dusty blue — the color of deep harbor water.
• Slate (#376DA8): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0E1232): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Summit color palette (#F7EAF1, #92B7CF, #4068A6, #005148, #2C274F)
• Patina Drift color palette (#F8F0E9, #A3D4C3, #5D7BB5, #005A62, #301627)
• Wandering Teal color palette (#F8EAE2, #56ADAA, #006373, #003C20, #000C16)
• Quiet Balcony color palette (#E6F2E8, #93CEEB, #458CC5, #006B74, #0F2C5B)
• Wandering Ash color palette (#F7F0EA, #BEEEF0, #7E9EC9, #57735A, #442E3D)
• Feathered Plum color palette (#F1E1E7, #BE0277, #006F52, #00575B, #1C000D)
• Ancient Coast color palette (#F0E5D9, #417DAF, #182C8F, #001F23, #010009)
• Raspberry Orchard color palette (#F9E5E3, #CE4287, #007D67, #7C134C, #001711)

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