Worn Petrol color palette — #EDF2F8 · #D7D4E1 · #B2B6CC · #3765A2 · #1B2129

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

The five colors

• Ivory (#EDF2F8): bright and airy, almost weightless.
• Silver (#D7D4E1): bright and airy, almost weightless.
• Ash (#B2B6CC): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#3765A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#1B2129): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Muted Petrol color palette (#EEF8F5, #E9D6D7, #C1AEB1, #456787, #2F3E3A)
• Cerulean Studio color palette (#F1F6FB, #DDD9E3, #BFB4AC, #578FC1, #282F37)
• Grape Harbor color palette (#F0F1FB, #D3D1E3, #C99BB9, #6D37AF, #16172D)
• Aged Navy color palette (#DDE2E9, #AEB3C0, #8989AE, #263D85, #050B16)
• Dusty Plum Balcony color palette (#F3F0F9, #E3D1DB, #D0B5D2, #99478D, #272133)
• Tempered Summit color palette (#D8E6FD, #979AB8, #8A6080, #365241, #073028)
• Timeworn Canyon color palette (#EBE7F0, #D2C7D5, #B798B3, #7E3864, #19131F)
• Lapis Delta color palette (#E2E7F6, #5D4FC0, #2E1A3D, #070B1A, #010206)

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