Petrol Loft color palette — #EEF2F8 · #D9D6DF · #C6B8CE · #62759B · #292C32

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

The five colors

• Ivory (#EEF2F8): a clean, paper-quiet neutral.
• Silver (#D9D6DF): bright and airy, almost weightless.
• Ash (#C6B8CE): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#62759B): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#292C32): quiet, heavy and certain.

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

Use it as a design system

One click turns 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

• Aged Loft color palette (#F3F0F7, #E1D1D8, #C5AFC3, #855172, #221F26)
• Softworn Driftwood Summit color palette (#E7EFFF, #ADAECB, #8F7FA2, #425E4F, #1D3934)
• Washed Pewter Chapel color palette (#F9F3F9, #E7D8D7, #CBBDB7, #866986, #4C454C)
• Weathered Meadow color palette (#EDF1FE, #D1D2E5, #C49CC3, #5848A9, #13182E)
• Peony Study color palette (#EDF1FF, #D2D6F3, #B3AFFF, #B366AA, #1D1D33)
• Dusty Pine Studio color palette (#E8F6EF, #8DC0B2, #508352, #3B5873, #0F2D27)
• Hushed Indigo color palette (#E2E5F2, #7B5DCA, #312C49, #131521, #04060C)
• Softworn Navy color palette (#E9EEF7, #9A9EB6, #8B7097, #27267C, #010312)

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