Petrol Loft color palette — #ECF3F7 · #D5D6DF · #BCBACC · #437E95 · #242E34

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D5D6DF): bright and airy, almost weightless.
• Ash (#BCBACC): A luminous, dusty violet — the color of a velvet chair.
• Slate (#437E95): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#242E34): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Worn Petrol Archive color palette (#EFF7F2, #E5D3D0, #CFB6B6, #467E8C, #414A44)
• Softworn Pewter color palette (#F1F1F8, #DCD3DC, #BBB3C6, #705691, #1F1F2A)
• Antique Loft color palette (#E6F6F3, #89BFBE, #348573, #365B69, #102D2C)
• Timeworn Cabin color palette (#DDE9F2, #92A1B5, #6F7C97, #003B57, #00050C)
• Tempered Corridor color palette (#D8EEFF, #AABCE2, #8D7AA6, #6B525B, #2A3D33)
• Aubergine Alley color palette (#E3E3EE, #B6AFC4, #9687A0, #5C2873, #0A0915)
• Weathered Cobalt color palette (#E5F1FF, #2775CB, #263049, #0A1724, #02070C)
• Quiet Studio color palette (#E4F8E7, #46A8D7, #5464B1, #693721, #142433)

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