Petrol Lantern color palette — #EDF7FF · #A7D1AF · #3D799B · #124863 · #15232E

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

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Pistachio (#A7D1AF): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#3D799B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#124863): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#15232E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Aged Cobalt color palette (#F0F5FF, #EFB1BA, #616CAB, #373F69, #1B2130)
• Aged Celadon color palette (#EBF9F2, #C0F7B9, #427F99, #1E4032, #06120D)
• Tempered Parlor color palette (#F1F5FD, #B5C3EE, #B073C5, #6178D5, #242133)
• Tempered Coast color palette (#F2F5FB, #DBD8DE, #C6BDCC, #8288CD, #434852)
• Lagoon Atelier color palette (#DEEAF7, #389867, #003967, #001023, #000206)
• Washed Boulevard color palette (#FCF1FC, #FFC5BB, #7897C0, #745875, #271E27)
• Worn Fern color palette (#E7F9FE, #41A5A2, #A16E21, #646800, #123131)
• Hushed Mulberry color palette (#EFECFC, #E3A291, #854888, #4D214F, #171322)

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