Petrol Lantern color palette — #F9EBE6 · #81C4C5 · #007291 · #004119 · #00020A

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9EBE6): bright and airy, almost weightless.
• Mint Leaf (#81C4C5): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007291): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004119): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Ultramarine Alley color palette (#FBEAE0, #87BFDB, #1961CA, #003F38, #030011)
• Feathered Cobalt Ridge color palette (#FFF2EC, #98D8E7, #0081C5, #00543D, #040332)
• Tempered Denim Chapel color palette (#EBE2DB, #7FAE99, #0C51A5, #002C26, #010009)
• Lagoon Cabin color palette (#EAE2D5, #329B9C, #00535F, #002D22, #000509)
• Ancient Cerulean Thicket color palette (#E6F4E9, #62C2C3, #0093A7, #006F57, #001720)
• Sunlit Blush color palette (#FEF0FF, #D9C0FF, #F775AC, #005965, #020019)
• Timeworn Ultramarine color palette (#DCE4F5, #3357DA, #6F5400, #543F00, #00000C)
• Hushed Boulevard color palette (#DAEBEB, #008EBA, #004F8E, #1D006E, #060012)

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