Petrol Lantern color palette — #F1E6E2 · #96BFA4 · #0972A9 · #004D36 · #091038

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

The five colors

• Parchment (#F1E6E2): bright and airy, almost weightless.
• Sage (#96BFA4): A luminous, dusty teal — the color of glacier melt.
• Slate (#0972A9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D36): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#091038): A deep, shadowed, dusty violet — the color of wild irises.

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

• Tempered Cobalt Garden color palette (#F9F0EA, #ABD2BE, #497EBB, #005D4E, #1C1B3E)
• Timeworn Petrol Alley color palette (#F4EEE4, #7CBDCA, #007393, #00504A, #06314B)
• Patina Denim color palette (#EBDDD2, #73A3BF, #2D54A0, #003A35, #0D002A)
• Weathered Drift color palette (#D4E4D8, #009484, #006670, #003447, #001534)
• Lilac Bloom color palette (#D6F7E2, #B4D1FF, #B792D0, #00664C, #00202F)
• Pale Terracotta Delta color palette (#E0F1E7, #007792, #9D3A00, #633F00, #000D13)
• Wandering Cerulean color palette (#DBF2FE, #289DC6, #006289, #002837, #00070B)
• Iris Balcony color palette (#F6F1EB, #C2E5DA, #7C8AC0, #006C6E, #41202F)

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