Petrol Lantern color palette — #F3F7ED · #78C09E · #0079A5 · #00724E · #132921

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

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Mint Leaf (#78C09E): A luminous, balanced teal — the color of sea glass.
• Cerulean (#0079A5): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00724E): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#132921): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, muted, cool.

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

• Wandering Archive color palette (#F6F6EC, #9BBA7F, #008079, #436E00, #1C281A)
• Patina Indigo color palette (#F1F7F1, #58C2C1, #5765BF, #006E6E, #2C1F29)
• Worn Cobalt Workshop color palette (#F2F3E7, #8CC583, #4374C0, #427339, #140A14)
• Ancient Parlor color palette (#FFF4E2, #42AAA5, #00749B, #75364B, #2C4432)
• Dusty Grape Garden color palette (#ECF9F1, #00B4D6, #6933E0, #006074, #2A1521)
• Washed Lagoon color palette (#F2F7F1, #D2DEDB, #B0C5C4, #22857A, #424A40)
• Navy Atelier color palette (#BEFEEC, #4ABFBE, #008497, #005878, #053E72)
• Softworn Iris color palette (#EDF8F5, #A5D48C, #7B86DD, #678D52, #1D2434)

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