Petrol Lantern color palette — #ECF7FE · #81B9D1 · #CA8664 · #007EA1 · #644055

Cerulean takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF7FE): a clean, paper-quiet neutral.
• Ash (#81B9D1): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#CA8664): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#007EA1): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#644055): A full-bodied, dusty pink — the color of neon signs at night.

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

• Worn Boulevard color palette (#E6F4FF, #81BCDE, #DC7F66, #1E7AA7, #41273A)
• Cobalt Meadow color palette (#EFF6FF, #98B1D7, #B49360, #3F72BD, #604924)
• Hushed Cypress color palette (#E9F9FB, #7FBFB0, #C77F9E, #008572, #574463)
• Timeworn Cerulean Balcony color palette (#E8FAF1, #8DCFED, #ED9976, #2B99C2, #534B47)
• Muted Olive Harbor color palette (#ECF7FF, #67A0BF, #B6718E, #777D16, #2C4657)
• Aged Driftwood color palette (#EDF9EF, #A5BFB0, #927D53, #78505F, #394D45)
• Misty Summit color palette (#EEF6FF, #51A9F7, #9F5E00, #005FA0, #563000)
• Weathered Cerulean Terrace color palette (#ECF7FF, #D9D9E4, #CDBEE3, #5B96A2, #415161)

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