Petrol Lantern color palette — #E8EBDD · #80BED5 · #00759E · #004A54 · #001828

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

The five colors

• Parchment (#E8EBDD): a clean, paper-quiet neutral.
• Sky (#80BED5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Hushed Bloom color palette (#E9F1EA, #87BACD, #0070A2, #004F51, #0C2E53)
• Worn Cobalt color palette (#F0F3E9, #96D0F3, #4682AF, #02586D, #2D172F)
• Airy Terrace color palette (#DEE4D2, #66A2D7, #0056A9, #00364C, #00042E)
• Dusty Delta color palette (#F2F3E7, #86E2DE, #00959B, #006455, #002B30)
• Dusty Cerulean Basin color palette (#DFE1D2, #009BAC, #005262, #002C2B, #000509)
• Worn Harbor color palette (#F8ECE5, #A6D0B9, #548AC3, #006E5B, #262755)
• Amethyst Grove color palette (#FDD7E7, #832FE0, #A42452, #005373, #0F0320)
• Sunlit Mallow Ridge color palette (#F1EAFF, #E7B9FF, #BC87B7, #564F90, #2A1019)

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