Worn Petrol color palette — #F5EFF6 · #E4D0D5 · #C2B1BE · #396797 · #251D26

Peacock and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F5EFF6): a clean, paper-quiet neutral.
• Silver (#E4D0D5): A whisper-light, dusty red — the color of embers at dusk.
• Ash (#C2B1BE): A luminous, dusty pink — the color of peonies in June.
• Peacock (#396797): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#251D26): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Petrol Courtyard color palette (#F0F6FC, #D9D8E1, #ADB3C5, #386892, #323C45)
• Nightshade Basin color palette (#FDEDF4, #EBC9D4, #BCA0C5, #63469F, #25141C)
• Patina Cerulean color palette (#EEF8F4, #E6D3CE, #A6A99D, #658FB0, #23322D)
• Aged Navy Cabin color palette (#E5DEE4, #C0ACBB, #9D8593, #274275, #10070F)
• Washed Periwinkle color palette (#FDECFA, #98C9FF, #85AAFF, #756CB9, #121636)
• Airy Cornflower color palette (#FFE2D9, #6383E3, #5C4A9F, #582536, #250E1F)
• Antique Delta color palette (#D3DDFF, #9D97C1, #8E6D77, #634238, #18311A)
• Onyx Cabin color palette (#F8E8EB, #9B878A, #7D6364, #3C1648, #050001)

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