Petrol Lantern color palette — #F5EBF5 · #E3D1E0 · #C9AEC0 · #4E74A2 · #332B33

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

The five colors

• Blush (#F5EBF5): bright and airy, almost weightless.
• Silver (#E3D1E0): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#C9AEC0): A luminous, dusty pink — the color of peonies in June.
• Slate (#4E74A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#332B33): 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 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 Cobalt Ridge color palette (#ECF8F4, #E4D4CE, #D7B9B2, #1C7DB8, #0E231D)
• Washed Station color palette (#FEF1F5, #F1D6DC, #DAB2B6, #8B62AC, #402C33)
• Hushed Denim Bloom color palette (#F2E6EE, #D3BDC9, #BB9AA8, #4F59A0, #271B23)
• Hushed Lilac color palette (#DADCFC, #AC95DF, #916F9D, #724F43, #532400)
• Wandering Orchard color palette (#FBF2F7, #E7D7D6, #D1BCB9, #AA8198, #4F444A)
• Airy Iris Thicket color palette (#FED3C6, #6A87FF, #6E52B9, #782540, #35192D)
• Dusty Aubergine color palette (#EAE0E1, #B59E9F, #9E7D7A, #662961, #140406)
• Sunlit Violet color palette (#FFE7F8, #8FC4FF, #8CA0FF, #9170E5, #1A1B3F)

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