Worn Petrol color palette — #EEF7FC · #8BCBE6 · #9E6895 · #157898 · #302B3A

Teal takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF7FC): a clean, paper-quiet neutral.
• Sky (#8BCBE6): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#9E6895): A full-bodied, balanced pink — the color of neon signs at night.
• Teal (#157898): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#302B3A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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

• Wandering Petrol Orchard color palette (#F1F5FD, #B4BDEE, #A96774, #5F67A5, #332A35)
• Worn Cypress color palette (#ECF8FA, #83D1C4, #677CAD, #1C7D71, #272E39)
• Cobalt Market color palette (#F5F0F5, #A4C7EC, #7D7ABA, #3875B1, #1F1119)
• Antique Cobalt Corridor color palette (#F1F6FB, #B6D4F6, #9E92C9, #5690CE, #2A2D3D)
• Aged Periwinkle color palette (#E3FCF5, #80ACD7, #816D97, #4E6139, #3E485A)
• Softworn Garnet Corridor color palette (#ECF7FF, #9FB9E8, #817BAA, #6F4F81, #6F3456)
• Softworn Basin color palette (#F1F6FC, #DBD9E0, #B6A7A6, #6D84A0, #4D535B)
• Plum Station color palette (#EEF6FF, #4BA6FF, #A71A8B, #00579A, #231533)

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