Petrol Lantern color palette — #EDF3F7 · #95CCE8 · #747FB2 · #007CA5 · #101621

Cerulean and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Sky (#95CCE8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#747FB2): A luminous, dusty violet — the color of wild irises.
• Cerulean (#007CA5): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#101621): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Indigo Field color palette (#F0F7F2, #90CCD6, #8070B6, #007B89, #352A2F)
• Cobalt Courtyard color palette (#EFF2F8, #BABFEC, #9D70A1, #6568B3, #171322)
• Periwinkle Terrace color palette (#EFF7F3, #94DCFF, #789AE3, #3498C1, #342A32)
• Hazy Nightshade color palette (#E9F3FF, #B0C6EA, #7984BA, #4E4493, #34185A)
• Garnet Workshop color palette (#FAEDF8, #9EA9D4, #7C6EA4, #7E3849, #242B3F)
• Pale Lapis color palette (#E8F3FF, #72ACE9, #6051D6, #005DA3, #070224)
• Hushed Turquoise color palette (#EFF6F9, #CFD6EA, #C19ED5, #00ADBF, #1E1C2A)
• Faded Nightshade color palette (#DCE6F3, #5F8CDD, #5E35AB, #0036AD, #010010)

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