Petrol Lantern color palette — #E9F9F4 · #EEB5A3 · #41779F · #1B4C40 · #182521

Slate takes the lead with Melon close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E9F9F4): bright and airy, almost weightless.
• Melon (#EEB5A3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Slate (#41779F): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#1B4C40): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#182521): quiet, heavy and certain.

Feels like: 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

• Petrol Basin color palette (#FAF2FA, #EAB98C, #4F73A5, #523852, #291D29)
• Timeworn Cobalt color palette (#EDF6FF, #FFDDD3, #277DB6, #203B52, #06101A)
• Washed Bloom color palette (#EEF6FC, #94BA98, #005978, #003346, #171B29)
• Softworn Azure color palette (#EBF9F2, #B4E4B2, #49A1C2, #446D5A, #18251F)
• Washed Coast color palette (#F9F3F8, #E4D7D7, #CFBCB6, #778EC3, #4E444C)
• Tempered Coast color palette (#EDF8F4, #97CCEC, #BD73A3, #1F8ABD, #331D1E)
• Dusty Pewter Meadow color palette (#FEE8F0, #9CC189, #6F5395, #4C2838, #230F17)
• Weathered Lilac Atelier color palette (#FFF1F4, #B286CC, #A76180, #746200, #173227)

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