Petrol Lantern color palette — #F6ECE8 · #72C0C4 · #00748F · #005238 · #00314F

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

The five colors

• Cream (#F6ECE8): bright and airy, almost weightless.
• Mint Leaf (#72C0C4): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005238): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Teal (#00314F): A deep, shadowed, dusty blue — the color of open sky before noon.

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 Courtyard color palette (#DDEDEA, #6EC3C9, #007987, #004C47, #001A20)
• Softworn Sapphire Parlor color palette (#F5EDE7, #7CBADC, #1867BC, #004F50, #242953)
• Cerulean Market color palette (#EFEFE5, #6AD8DF, #0097A9, #006C66, #003440)
• Muted Archive color palette (#FBF3F0, #AAD0B6, #0083B2, #006150, #483149)
• Dusty Nightshade color palette (#F1E7DD, #5F95C1, #1A38AE, #002F35, #140738)
• Orchid Canyon color palette (#F9D9DD, #B34FAF, #0D5E0D, #005450, #30122F)
• Aged Aubergine color palette (#F5D4DB, #A759BC, #007F4F, #720089, #00321D)
• Soft Boulevard color palette (#FFF0F2, #FCAAC8, #EB7441, #594998, #4C2429)

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