Petrol Lantern color palette — #FDF2F1 · #D194A7 · #498CB2 · #595FA2 · #442E32
Slate takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FDF2F1): bright and airy, almost weightless.
- Mauve (#D194A7): A luminous, dusty rose — the color of strawberry cream.
- Cerulean (#498CB2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#595FA2): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#442E32): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Pewter Courtyard color palette (#FCF3EE, #D5927F, #7D85BE, #7B5288, #48312D)
- Hushed Petrol color palette (#FEF1F4, #B38DC0, #46999F, #3074A0, #3C2C36)
- Petrol Boulevard color palette (#F4F7EA, #94BE93, #499C99, #23709E, #58364A)
- Antique Amber Terrace color palette (#FBF3ED, #B97F58, #007371, #573F6D, #37312C)
- Mustard Balcony color palette (#FFF1F5, #F1B659, #69ADCB, #5B96B0, #3A3341)
- Apricot Coast color palette (#FFF1F6, #F1A86A, #7EA472, #815674, #2F242D)
- Mulberry Veranda color palette (#FFF2EA, #C16C3D, #6658B4, #7D2D79, #35170F)
- Worn Loft color palette (#FCF5E3, #C7C088, #899A67, #287D7D, #564600)
Browse the whole catalog at Explore, or see today's palette.