Petrol Loft color palette — #FAF3F9 · #E3D7D8 · #D0B9BA · #60749D · #4C454B

Built around Slate, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#FAF3F9): bright and airy, almost weightless.
• Silver (#E3D7D8): bright and airy, almost weightless.
• Stone (#D0B9BA): A luminous, dusty red — the color of late-summer berries.
• Slate (#60749D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#4C454B): a grounded near-black with real depth.

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

• Worn Bloom color palette (#FBF2F6, #E3D7D5, #B0AEA2, #9A7686, #594F53)
• Chestnut Archive color palette (#FFEEF5, #CBB1DC, #95787B, #8B4E2C, #594700)
• Nightshade Dune color palette (#FFF0F8, #EAC7D6, #BF9BA7, #5647AA, #412B38)
• Wandering Lilac color palette (#FFF0F9, #C2D6FF, #B6B6FF, #9D78C0, #4B2D3E)
• Wandering Villa color palette (#EDDDE8, #B6A3AD, #967483, #292D73, #1B0F18)
• Garnet Boulevard color palette (#EEDEDC, #CCB2AD, #A3877F, #72214B, #2A1B1A)
• Indigo Drift color palette (#F4DDE9, #7259CC, #442934, #261B21, #110A0B)
• Patina Study color palette (#F9F6E5, #9EBA83, #57804D, #496149, #43433C)

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