Petrol Lantern color palette — #F9EBE6 · #9CBAA3 · #00719E · #005333 · #132A5E

Peacock takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9EBE6): bright and airy, almost weightless.
• Sage (#9CBAA3): A luminous, dusty teal — the color of glacier melt.
• Peacock (#00719E): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005333): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#132A5E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns 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

• Hushed Cobalt Terrace color palette (#FEF3ED, #ADCEBA, #447DAE, #00624C, #303760)
• Weathered Petrol color palette (#E4EBE5, #75C2CB, #007792, #004C43, #001827)
• Aged Lapis Alley color palette (#F3EDE7, #92B5D8, #555ABD, #004F53, #38204F)
• Hushed Workshop color palette (#F5E4E0, #579D99, #005265, #033305, #001529)
• Worn Workshop color palette (#F8E9F6, #98E1EB, #4FAFE3, #319365, #1B2C50)
• Washed Field color palette (#F4E5DC, #4E899F, #003C74, #00231C, #08002A)
• Linen Plum color palette (#FEE5E5, #A53C85, #007236, #00544B, #360C29)
• Hushed Canyon color palette (#FAF3F0, #CDE5E1, #6EA0C2, #3D7D62, #63485E)

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