Petrol Loft color palette — #D6EFEE · #3F92A8 · #3E6CA6 · #64393D · #280A00

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

The five colors

• Honeydew (#D6EFEE): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3F92A8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#3E6CA6): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#64393D): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#280A00): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

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

• Timeworn Cobalt color palette (#D7F0FB, #458CDB, #69639D, #713D28, #180E00)
• Lagoon Terrace color palette (#CDEFD9, #419A95, #3B7187, #4C3E5F, #1E071F)
• Timeworn Meadow color palette (#DEF3E4, #06819B, #4A4E7F, #4C2917, #220900)
• Frosted Parlor color palette (#CEF7FD, #008DA8, #006B93, #00446D, #00061D)
• Cobalt Market color palette (#D7E7F6, #0086C6, #A35D00, #005A87, #0D0400)
• Patina Iris color palette (#D9EEFE, #81A0DF, #8A76B9, #82583A, #302600)
• Tempered Lagoon color palette (#DDE8DF, #69A9CF, #1E76C7, #005B68, #01022B)
• Nocturne Pier color palette (#E0EFFF, #42557E, #302961, #2E001B, #110003)

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