Muted Petrol Loft color palette — #E3F0ED · #64AFAE · #00848C · #005E52 · #000C0F

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

The five colors

• Cream (#E3F0ED): bright and airy, almost weightless.
• Turquoise (#64AFAE): A luminous, dusty teal — the color of glacier melt.
• Teal (#00848C): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E52): A full-bodied, dusty teal — the color of sea glass.
• Ink (#000C0F): 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 Muted 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

• Ancient Chapel color palette (#E7DCE4, #5F9F9D, #006374, #003E21, #000B14)
• Ancient Lantern color palette (#D1E4E3, #68A9D0, #007AC0, #005A71, #00091A)
• Lagoon Chapel color palette (#F3E7F4, #268986, #004353, #002103, #000104)
• Wandering Azure color palette (#DFF1F0, #97C7E6, #0998F2, #007898, #001E43)
• Turquoise Field color palette (#E5F2F0, #A1DFEE, #00B5E2, #009097, #003347)
• Patina Terracotta color palette (#E6E3CD, #7F6F00, #007957, #A12100, #020200)
• Dusty Amber color palette (#ECE6D1, #AA8B00, #786300, #423500, #030200)
• Antique Moss color palette (#D6EBDC, #B7B35D, #86A000, #8F6100, #000D05)

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