Petrol Lantern color palette — #DCF4F0 · #7CC4D1 · #00738A · #003E3F · #000305

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

The five colors

• Honeydew (#DCF4F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7CC4D1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003E3F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000305): a grounded near-black with real depth.

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 Cobalt color palette (#E5FAF8, #98D6F1, #0084B8, #004F5C, #000E1C)
• Ancient Denim color palette (#DFF1F0, #7EA7C9, #00559D, #002939, #000107)
• Aged Cerulean color palette (#EEF0E0, #549CA9, #005264, #003031, #001721)
• Muted Cerulean Harbor color palette (#F5ECF3, #80BBC6, #008FC0, #006F5A, #00132E)
• Washed Azure color palette (#E0FCF9, #CBDEF3, #00A8DC, #00717C, #00283D)
• Chalky Villa color palette (#F5E8FF, #FFACBF, #F77F83, #77346B, #0C0003)
• Linen Field color palette (#F1EAFF, #C144A7, #8B5C00, #690059, #020100)
• Worn Plum Loft color palette (#F0DFE9, #AD178D, #903A00, #2B25AA, #040002)

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