Petrol Lantern color palette — #DCEDEB · #84BECE · #007697 · #004A50 · #001926

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

The five colors

• Frost (#DCEDEB): bright and airy, almost weightless.
• Ash (#84BECE): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007697): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001926): 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

• Timeworn Cerulean Grove color palette (#E8F5F4, #A7CDE7, #4383AB, #00596A, #00223D)
• Petrol Courtyard color palette (#F6ECE7, #9ABAA7, #0B6FA4, #005148, #132B5C)
• Denim Bloom color palette (#D9E6E6, #7AA1BF, #005A9C, #003749, #000921)
• Timeworn Basin color palette (#D9EDEC, #3F80A4, #003F65, #001E27, #000105)
• Lagoon Meadow color palette (#EBF4F2, #B9E5F0, #3B9EA2, #166D5E, #0B313E)
• Soft Station color palette (#E4D8F6, #B8569B, #0071AD, #7C0062, #001423)
• Wandering Nightshade Villa color palette (#EDDDE5, #A63E7C, #924600, #4138A0, #1B0010)
• Mulberry Atelier color palette (#F4DEFF, #EDB5BD, #CF8B84, #884C72, #320D19)

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