Petrol Lantern color palette — #F6EFF5 · #DDD4D5 · #C6B7B8 · #5D74A3 · #312930

Slate takes the lead with Stone close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F6EFF5): a clean, paper-quiet neutral.
• Silver (#DDD4D5): bright and airy, almost weightless.
• Stone (#C6B7B8): a calm mid-gray that lets other colors speak.
• Slate (#5D74A3): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#312930): a grounded near-black with real depth.

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

• Aged Cobalt color palette (#F1F5FB, #DDD9E3, #C6BCC9, #4E75AE, #424851)
• Muted Workshop color palette (#F7EFF3, #DDD4D2, #B2ABA4, #9B7687, #3D3337)
• Byzantium Thicket color palette (#FCEDF0, #E0D2CD, #D6B6B7, #8C4E9B, #341D23)
• Indigo Orchard color palette (#EFDFE7, #7566B9, #402932, #1E1118, #0A0408)
• Chestnut Summit color palette (#FFDAE8, #D0ABB3, #9D7F80, #844A22, #562F00)
• Wandering Stone Study color palette (#F5F2E3, #A5BC92, #607E5C, #435D45, #2A290E)
• Navy Alley color palette (#EFE3EB, #AF98A4, #91717F, #282A74, #0A0107)
• Tempered Lilac Bloom color palette (#FFEEE7, #9792D8, #785E8E, #6E3032, #331926)

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