Petrol Loft color palette — #E0F3EF · #71C0C9 · #008397 · #005957 · #00242E

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E0F3EF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#71C0C9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008397): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005957): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#00242E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cobalt Workshop color palette (#D4E3E2, #7BBAE2, #007AC3, #00566D, #001F42)
• Dusty Thicket color palette (#F2E9DA, #7BD0D9, #00A2C4, #007F6F, #002334)
• Wandering Turquoise Terrace color palette (#F1E7EF, #47B0BA, #00607C, #00402E, #00213C)
• Cobalt Summit color palette (#FFF0FD, #99D8E0, #0085B6, #005532, #00072F)
• Turquoise Station color palette (#E8F9F7, #97EAFA, #00ADCF, #008284, #00475D)
• Cornflower Harbor color palette (#E2FBFA, #94D3FF, #0091EE, #006E8C, #003169)
• Chalky Pine color palette (#B8EDEE, #5BDBC2, #00BCC1, #1D7F40, #003027)
• Antique Jade Study color palette (#D4EFE2, #00B784, #007755, #003E2B, #000E07)

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