Petrol Lantern color palette — #EFF6FC · #D9D9E4 · #BFBDCD · #5A7892 · #41494F

A conversation between Slate and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D9D9E4): bright and airy, almost weightless.
• Stone (#BFBDCD): A luminous, dusty violet — the color of wild irises.
• Slate (#5A7892): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#41494F): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Balcony color palette (#ECF3F8, #D6D6DE, #BDB9C9, #437C9F, #242D34)
• Antique Hollow color palette (#EFF7F4, #DED4D3, #ABA094, #6C95B0, #404A47)
• Dusty Canyon color palette (#F5F4FC, #E2D5E0, #B8AEC6, #7A5284, #3A3942)
• Wandering Villa color palette (#EFF4FF, #AFA7D3, #818098, #706071, #66454B)
• Ancient Powder Balcony color palette (#EFF6FF, #D1DBFD, #8EBBFF, #8584C5, #324056)
• Antique Meadow color palette (#E3EFFC, #9DAABE, #737F98, #00376B, #091521)
• Softworn Meadow color palette (#E1DEE8, #BDB4C9, #94899D, #622C5F, #211C2C)
• Olive Workshop color palette (#ECF9F1, #B3B382, #707943, #416063, #30493D)

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