Petrol Lantern color palette — #EEF6FF · #D9D7E5 · #B6BBCE · #216EAF · #34414F

Slate and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Silver (#D9D7E5): a clean, paper-quiet neutral.
• Ash (#B6BBCE): A luminous, dusty violet — the color of wild irises.
• Slate (#216EAF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#34414F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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 Orchard color palette (#EAF3FB, #D7D4DF, #BFBBD7, #0071AE, #132737)
• Cobalt Basin color palette (#EDF8F4, #EFDADC, #D8BEB7, #008DDA, #2B463E)
• Tempered Denim Boulevard color palette (#EAEFF5, #C5CCDC, #9B9EB7, #365486, #262E39)
• Hushed Corridor color palette (#F5F4FB, #DFD7DC, #B5A9A2, #847D9B, #53515B)
• Washed Aubergine Atelier color palette (#F4F4FF, #D6CEE5, #B39DC0, #7B3597, #323046)
• Ancient Harbor color palette (#E5EDFF, #A99ECE, #916B92, #416348, #434C1B)
• Olive Terrace color palette (#E5FCEB, #A5A86D, #577431, #005978, #3C3D10)
• Muted Aubergine color palette (#E6E7F5, #AAA7B7, #847A8F, #4B0A7A, #121221)

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