Worn Petrol color palette — #FAE9F2 · #7CBCD3 · #2D6D9E · #00504B · #19295C

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

The five colors

• Blush (#FAE9F2): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#7CBCD3): A luminous, dusty blue — the color of open sky before noon.
• Slate (#2D6D9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#19295C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Washed Cobalt Lagoon color palette (#FCF2F6, #A8CAE3, #4B7AB7, #005F62, #32365E)
• Softworn Petrol Delta color palette (#E8EBDD, #94BFA8, #00759D, #004A53, #001828)
• Wandering Harbor color palette (#F5E3E8, #7DA3C4, #3250A6, #003D44, #1F1249)
• Timeworn Powder Meadow color palette (#E8F6FF, #9EC5FF, #AE8BC1, #006567, #183859)
• Hazy Balcony color palette (#C8E7DF, #009DA7, #00617C, #004469, #092A5B)
• Powdered Periwinkle color palette (#F9ECE3, #A0DEF5, #4DABF7, #009289, #1E2B51)
• Azure Cabin color palette (#CCE8FF, #0398D8, #005680, #002C44, #00162B)
• Antique Cypress color palette (#FBF2F7, #D8DFF0, #7D9CBF, #3A7B79, #485368)

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