Petrol Lantern color palette — #F0F5FF · #D9D9FC · #D794AF · #177398 · #3B3E5A

Built around Slate, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Thistle (#D9D9FC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#D794AF): A luminous, balanced rose — the color of strawberry cream.
• Slate (#177398): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3B3E5A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged pastel, light, 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

• Timeworn Lilac color palette (#EBF7FF, #C3DCFF, #B69DDD, #007D75, #28435A)
• Wandering Cobalt Courtyard color palette (#F2F5FF, #E1D7E1, #E8ACB0, #627EAF, #4B4A60)
• Softworn Mallow Lagoon color palette (#FFEBF6, #DDCFFF, #D7A4E5, #52619A, #37202B)
• Aged Peony color palette (#D4DEFB, #C3A3CE, #CA6B8A, #004F86, #27173B)
• Soft Mulberry Basin color palette (#F8E9FE, #ECAF9D, #BF9F5C, #8C3C89, #472A44)
• Oat Atelier color palette (#FFF0FC, #F1D1E4, #F0B4AC, #7EB3D0, #4E3643)
• Lapis Loft color palette (#FDF0FF, #F4ADD2, #FF7759, #5A3BD8, #5E234D)
• Tempered Aubergine color palette (#ECEDFA, #85A775, #4E346B, #2C1243, #141423)

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