Petrol Lantern color palette — #FFF2EF · #FFCEB6 · #B3A37D · #566B91 · #4F3545

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Peach Cream (#FFCEB6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Camel (#B3A37D): A luminous, dusty gold — the color of honey in a jar.
• Slate (#566B91): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4F3545): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Washed Jade Veranda color palette (#FFF3E8, #E7D7B4, #77A875, #765C87, #4B2A2E)
• Patina Ridge color palette (#FFF2ED, #E1DDBD, #B4AF85, #917283, #644750)
• Tempered Taupe Veranda color palette (#FFF1F4, #FFCFCA, #B49074, #4E7963, #21473D)
• Ancient Boulevard color palette (#FFD9F4, #BC9C78, #797143, #2B606F, #304660)
• Ancient Stone color palette (#FFE0EC, #E1BF8D, #B4A97B, #5C8887, #195057)
• Worn Workshop color palette (#FFD2D5, #C29770, #767A2F, #373E6E, #18072F)
• Antique Atelier color palette (#E1DCF6, #B494AD, #5F866C, #3D4465, #212642)
• Teal Lantern color palette (#FFF3DE, #AAD096, #34A49E, #7D505C, #481724)

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