Petrol Loft color palette — #E7F2F8 · #9D9FB6 · #8E83A7 · #006E88 · #010B12

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

The five colors

• Ivory (#E7F2F8): a clean, paper-quiet neutral.
• Blue Fog (#9D9FB6): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8E83A7): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006E88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#010B12): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Abyss Orchard color palette (#DCE4E0, #96AAA3, #987B9A, #004C67, #000D07)
• Antique Grove color palette (#DBE4DF, #7C938C, #766473, #002F3E, #000201)
• Indigo Delta color palette (#C4E8EE, #6C85B0, #7858A4, #505119, #0D1500)
• Patina Indigo color palette (#E9ECF7, #BBAABE, #B38CA6, #7059D0, #0F1321)
• Washed Lapis color palette (#D1E9D7, #0088A1, #4036D8, #4A3800, #000409)
• Dusty Emerald color palette (#DAE9E4, #4F9C66, #007261, #005066, #000802)
• Frosted Mulberry color palette (#D4ECF8, #008096, #97006F, #373A00, #020200)
• Muted Azure Villa color palette (#E9EFF6, #D4D1E3, #C3B3CE, #3999DE, #252F39)

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