Muted Petrol Lantern color palette — #F7ECE7 · #9ABBA0 · #007299 · #00532D · #0C2B5D

Peacock and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7ECE7): bright and airy, almost weightless.
• Sage (#9ABBA0): A luminous, dusty teal — the color of glacier melt.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#00532D): A deep, shadowed, balanced teal — the color of glacier melt.
• Navy (#0C2B5D): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Petrol Lantern 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

• Worn Cobalt color palette (#FDF3EE, #AFCDBB, #437EAC, #00624A, #2F375D)
• Antique Petrol color palette (#F4EDE6, #8EBCB0, #5561AA, #004F52, #36224F)
• Hushed Petrol color palette (#E3ECE4, #82C0C6, #007790, #004C41, #001926)
• Aged Boulevard color palette (#F5E7DE, #75A7BD, #0053AD, #003F36, #1D134A)
• Tempered Grove color palette (#D3F1D9, #00A78B, #006666, #00475A, #002E53)
• Turquoise Courtyard color palette (#C4F2FF, #26A7C3, #005A71, #002D3C, #00161C)
• Forest Villa color palette (#DDFDE3, #A7CEF9, #AF8ACD, #006A3E, #003748)
• Airy Study color palette (#D1E4D1, #009192, #B24000, #005455, #491600)

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