Worn Petrol Loft color palette — #EFF2F8 · #D8D5DD · #C1B9C9 · #66739D · #282C33

Slate and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF2F8): bright and airy, almost weightless.
• Silver (#D8D5DD): bright and airy, almost weightless.
• Ash (#C1B9C9): A luminous, dusty violet — the color of wild irises.
• Slate (#66739D): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#282C33): quiet, heavy and certain.

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

Use it as a design system

One click turns Worn Petrol Loft 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

• Antique Pewter color palette (#F3F0F6, #DED2D8, #C4AFC7, #88506C, #231F26)
• Patina Driftwood Basin color palette (#EEEBFF, #C0B5CF, #967EA1, #775363, #2C3A2C)
• Lilac Bloom color palette (#EDF1FF, #DCD2EE, #B2ABFF, #A270C3, #1D1F38)
• Washed Summit color palette (#FFEBFA, #A090D0, #845693, #6F3029, #1F2037)
• Pine Grove color palette (#E7F6F1, #9EBE96, #468553, #2D5C6C, #122D29)
• Timeworn Quarry color palette (#EAEDFA, #7D62B6, #2F2D48, #131521, #05060B)
• Garnet Coast color palette (#EFEAF1, #BAAFBC, #9E849C, #751B41, #0E0811)
• Timeworn Aubergine color palette (#E4E9F6, #9A9FB5, #85729C, #311987, #02030F)

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