Worn Petrol color palette — #F3E4EF · #64C4D3 · #00759D · #004D3D · #001630

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

The five colors

• Blush (#F3E4EF): A whisper-light, dusty pink — the color of a candy shop window.
• Cyan (#64C4D3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001630): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Petrol Pier color palette (#F9EBE5, #77BECB, #0B70A0, #005236, #1B2B56)
• Denim Atelier color palette (#F1E3E9, #5CA6C9, #0058A2, #003939, #05032C)
• Washed Cornflower color palette (#FCEDF3, #9CD8FF, #4B81D8, #006167, #201F47)
• Softworn Cerulean Alley color palette (#F5F7E7, #B0F3FF, #00A2C3, #00696B, #00222F)
• Dusty Ridge color palette (#F7EFF4, #D4D2E9, #78A2BD, #45747A, #2A3748)
• Lagoon Workshop color palette (#ECDBE6, #229D9C, #005262, #002E19, #00050B)
• Patina Raspberry color palette (#E7E1F2, #C634AF, #005E25, #005A49, #0F041D)
• Dusty Apricot color palette (#FFDDF5, #FDA7B8, #DC9261, #594B7D, #26142D)

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