Petrol Loft color palette — #E5F6F3 · #82C9CD · #00808F · #00524C · #001E25

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

The five colors

• Ivory (#E5F6F3): bright and airy, almost weightless.
• Aqua (#82C9CD): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00808F): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00524C): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001E25): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Aqua Courtyard color palette (#FFF2EC, #55CCD2, #007A97, #00583D, #003658)
• Washed Cobalt color palette (#E1ECEB, #9DB6CE, #266CB6, #004761, #011338)
• Frosted Atelier color palette (#E7F5F4, #A8D7F2, #008BD0, #005F74, #002647)
• Aged Pier color palette (#F6F7E2, #80DCE2, #009EB0, #00736B, #003A46)
• Ancient Denim Canyon color palette (#D3E5E1, #65A9B1, #006373, #003938, #000D13)
• Cerulean Thicket color palette (#DFF2EF, #438297, #004259, #001F23, #000103)
• Frosted Terrace color palette (#DEEFD1, #4D8300, #007376, #754500, #071200)
• Pine Coast color palette (#D0FFE1, #8BE8C6, #00C0B6, #0A801C, #002A1C)

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