Petrol Lantern color palette — #EEF7FB · #D5DBE5 · #B9BFD0 · #3B808A · #3D4A50

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

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D5DBE5): bright and airy, almost weightless.
• Ash (#B9BFD0): A luminous, dusty violet — the color of a velvet chair.
• Slate (#3B808A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3D4A50): quiet, heavy and certain.

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

• Worn Petrol color palette (#EBF3F7, #D3D7DD, #B8BBC7, #3F8087, #202F34)
• Tempered Powder Orchard color palette (#E1F1FF, #9CC0EC, #7182A2, #686174, #5A4751)
• Antique Boulevard color palette (#DDE7EC, #90AEC2, #65839D, #003E4D, #021621)
• Weathered Drift color palette (#E9FAF5, #94BC8E, #50805C, #3D6163, #2D4845)
• Aged Aubergine Villa color palette (#E4E6F4, #B5B6D1, #8E8BA2, #4B3479, #1D1E29)
• Sky Archive color palette (#EBF7FF, #73EDFF, #4DC5F0, #5C97D3, #2A4151)
• Sunlit Turquoise color palette (#D9FEFC, #00A8CF, #216FA6, #603E6D, #2C404D)
• Petrol Ridge color palette (#EFF6FC, #D7DAE5, #BCBED2, #4A7C91, #40494F)

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