Worn Petrol color palette — #F7EBEF · #92B6D5 · #3D65B3 · #004F55 · #2A2459

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7EBEF): bright and airy, almost weightless.
• Ash (#92B6D5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#3D65B3): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#2A2459): A deep, shadowed, balanced violet — the color of wild irises.

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

• Petrol Veranda color palette (#F4ECF1, #90B9C6, #00748F, #005238, #00314F)
• Cobalt Basin color palette (#E7EBE1, #8EB9DA, #006DBD, #00485F, #021434)
• Cobalt Ridge color palette (#E3F2F2, #9ACBF1, #3A8AD7, #006788, #112D57)
• Ash Balcony color palette (#E8F4FF, #BFBFFD, #C08AB8, #006B7B, #27355C)
• Dusty Periwinkle Grove color palette (#F6EDE3, #A7DAFF, #71A2FF, #008F9A, #2A294C)
• Ancient Atelier color palette (#EBDCE4, #6597AB, #004D7F, #00302D, #050743)
• Worn Terrace color palette (#FAF3F5, #DBDDED, #859ABE, #007D8D, #4A516E)
• Soft Lantern color palette (#D7E5FF, #6191D1, #1746B0, #00255C, #001838)

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