Petrol Loft color palette — #D8E7DD · #007F94 · #163453 · #001A20 · #020601

Teal and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#D8E7DD): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007F94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#163453): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001A20): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#020601): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Antique Study color palette (#D1EEE3, #006895, #262E35, #181F4A, #000B14)
• Pine Bloom color palette (#DBE5D0, #008663, #1B3B23, #001C12, #050500)
• Washed Cabin color palette (#E4F5EC, #008DB4, #4F364D, #0B281C, #071008)
• Weathered Cerulean color palette (#D3E7DA, #009CB8, #305E4C, #1D3628, #020602)
• Muted Sapphire Basin color palette (#F6EAF4, #356AD8, #372B4E, #051434, #000603)
• Ultramarine Field color palette (#F5D8F3, #004BAE, #1D0A3B, #0B1519, #00020C)
• Worn Bloom color palette (#F8EFF4, #9296CD, #675157, #41333C, #242025)
• Cornflower Corridor color palette (#EED9EC, #5484DC, #A96A00, #836400, #061C48)

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