Petrol Lantern color palette — #ECF2FE · #A8AFE2 · #C9888B · #666CA2 · #3E283E

Slate and Dusty Rose set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#ECF2FE): bright and airy, almost weightless.
• Mauve (#A8AFE2): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#C9888B): A luminous, balanced red — the color of embers at dusk.
• Slate (#666CA2): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#3E283E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged 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

• Hushed Harbor color palette (#E5F4FF, #78BEDE, #B78AB6, #257C9D, #332B47)
• Muted Thicket color palette (#F2EFFF, #CDA2D2, #6AA6BD, #8A608F, #173545)
• Softworn Iris color palette (#FDF1F9, #BAC0F3, #E09CA0, #7C82DB, #6C3E41)
• Pewter Atelier color palette (#F2F0FA, #DBB6CF, #755474, #332C45, #15121B)
• Petrol Bloom color palette (#E8F3FF, #8EB7E3, #71AC85, #4775A5, #003938)
• Indigo Parlor color palette (#FCF2F9, #A2ACDF, #A89958, #5E69C0, #574D21)
• Weathered Driftwood Thicket color palette (#EEF1FF, #CBC4F3, #827AAE, #49436F, #141A37)
• Patina Terrace color palette (#FFECF2, #A8C4A8, #9D7684, #6B4E5B, #203123)

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