Petrol Lantern color palette — #EBF3F7 · #D6D7E3 · #BFBAC7 · #4D7C90 · #242E32

Slate and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EBF3F7): bright and airy, almost weightless.
• Silver (#D6D7E3): bright and airy, almost weightless.
• Ash (#BFBAC7): soft and architectural.
• Slate (#4D7C90): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#242E32): a grounded near-black with real depth.

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

• Hushed Petrol color palette (#EFF6FB, #D7DBE6, #BCBFCC, #3E7E92, #3C4A52)
• Abyss Canyon color palette (#DCE7ED, #8FA2BA, #767A93, #003D4C, #00050A)
• Antique Denim Coast color palette (#E6F4FE, #C8D4EB, #A8A8C8, #006388, #051C2B)
• Muted Lagoon Meadow color palette (#EAF5EE, #9EBE95, #338570, #425868, #102D29)
• Dusty Canyon color palette (#DBF8FF, #90B9E2, #807AA0, #4C6859, #263F32)
• Softworn Villa color palette (#E0EDF9, #007BBF, #2B2F46, #0D1720, #02070A)
• Muted Aubergine color palette (#DCDFED, #B6AFC3, #9C849F, #4A3476, #090A13)
• Tempered Garden color palette (#FFECF2, #00B0C0, #63649E, #603E16, #0F2534)

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