Worn Petrol color palette — #EDF7FF · #FFDCD6 · #417DA5 · #1F3B52 · #06111A

A conversation between Slate and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Shell Pink (#FFDCD6): A whisper-light, dusty orange — the color of toasted spice.
• Slate (#417DA5): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1F3B52): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#06111A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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 Workshop color palette (#EFF6FF, #CFDECE, #7287A7, #38475E, #171C23)
• Washed Celadon Alley color palette (#F0F5FF, #BFEA77, #5862B1, #242957, #020618)
• Tempered Ash color palette (#EEF6FF, #FFC5BB, #7099C1, #456686, #19232C)
• Antique Garden color palette (#E6F6F1, #D8A697, #1C5A83, #002A44, #030F0C)
• Cerulean Veranda color palette (#ECF7FF, #CEDCFA, #BD88C3, #3C94C1, #13101E)
• Weathered Sky color palette (#EBF7FF, #2AC2FB, #C39455, #8D6B3E, #162732)
• Feathered Ultramarine color palette (#EFF6FF, #FFAE72, #0050BA, #001B49, #000106)
• Hushed Canyon color palette (#DFFDF3, #ACCEFF, #A97EBB, #5A6B37, #293145)

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