Petrol Lantern color palette — #F0F6FC · #DAD9E3 · #C2BCCB · #5A7796 · #414950

Built around Slate, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DAD9E3): a clean, paper-quiet neutral.
• Stone (#C2BCCB): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#5A7796): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#414950): quiet, heavy and certain.

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

• Ancient Cerulean Thicket color palette (#EFF7F5, #DDD5D2, #A7A295, #6D93B8, #3C4C47)
• Washed Pewter color palette (#F6F4FC, #E7D3DF, #BDADC0, #7F507E, #3B3844)
• Olive Corridor color palette (#EBF9F0, #AFB57F, #637D4B, #435D70, #33483F)
• Washed Navy Drift color palette (#E4EDF9, #9FA9C4, #7B7D97, #0A307C, #0D141E)
• Patina Boulevard color palette (#F0F5FF, #CFDCFE, #A7BDFF, #A980C1, #333C5A)
• Garnet Garden color palette (#EBE6F3, #BFB5C4, #9F849E, #6B2459, #221D29)
• Ancient Ultramarine color palette (#F0F5FF, #CAD1F2, #B59BC3, #404DB1, #2B3342)
• Washed Indigo Archive color palette (#DCE4F9, #5E5CDA, #2F2F48, #1B1F29, #0C0B12)

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