Worn Petrol Lantern color palette — #EFF7FB · #D6DBE5 · #BBBFCC · #328091 · #3F4A4F

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

The five colors

• Ivory (#EFF7FB): a clean, paper-quiet neutral.
• Silver (#D6DBE5): a clean, paper-quiet neutral.
• Stone (#BBBFCC): a calm mid-gray that lets other colors speak.
• Slate (#328091): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3F4A4F): a grounded near-black with real depth.

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

Use it as a design system

One click turns Worn 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 Grove color palette (#ECF3F6, #D4D7DF, #BCBAC8, #008493, #1F2F35)
• Ancient Chapel color palette (#F1F5FC, #DCD7E9, #B6BBD1, #4E64B1, #37404F)
• Cypress Lantern color palette (#E6FAF6, #88BBB6, #488162, #386167, #274947)
• Abyss Veranda color palette (#DAE3E9, #9CABB8, #708192, #003E50, #001623)
• Hushed Basalt Field color palette (#EFF6FF, #A8B4CD, #7E84A3, #6B5C73, #643F4C)
• Wandering Sky Thicket color palette (#ECF7FF, #A6EDFF, #64C2EE, #6086C1, #213E55)
• Aged Balcony color palette (#EAEBF8, #B8B7C9, #9089A7, #522F79, #1D1D2F)
• Hushed Petrol color palette (#DDFDFC, #52A2C7, #3A6CA4, #614064, #264054)

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