Petrol Lantern color palette — #EDF7FC · #D6D9E3 · #ADBED3 · #00778F · #294451

Built around Teal, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF7FC): bright and airy, almost weightless.
• Silver (#D6D9E3): bright and airy, almost weightless.
• Ash (#ADBED3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00778F): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#294451): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Petrol Ridge color palette (#E8F4FA, #D3D5E6, #B3BEE2, #007988, #15282F)
• Timeworn Cerulean color palette (#F1F7F2, #CDDEE1, #E2BEBF, #0097AB, #37433B)
• Antique Grove color palette (#F3F5FB, #DCD8DD, #B6A9A5, #8579A9, #50525B)
• Tempered Navy color palette (#E5EDF5, #B1B9C9, #888DA4, #004580, #102032)
• Twilit Ridge color palette (#D5E8FC, #006CB2, #1E274F, #001930, #030716)
• Cypress Bloom color palette (#E0FDF5, #7EB18A, #007C5F, #005C61, #154525)
• Wandering Grape Dune color palette (#F1F5FF, #CFD1E5, #A9A0C8, #5540B8, #2C3245)
• Antique Pier color palette (#DDF3FF, #9EB4D5, #8A78AC, #8E4804, #5E4B00)

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