Petrol Lantern color palette — #F9EBE4 · #9DC2A2 · #00728F · #00402C · #000308

Built around Teal, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Sage (#9DC2A2): A luminous, dusty green — the color of fresh herbs.
• Teal (#00728F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00402C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Cabin color palette (#F9EBE2, #89BFDA, #0268BB, #003E3D, #010014)
• Cobalt Terrace color palette (#FDF3ED, #AED7C0, #0082C3, #00524A, #000433)
• Brick Canyon color palette (#D1EED7, #008F9C, #C2001F, #00444C, #050000)
• Cerulean Cabin color palette (#E2F4F1, #60C1C9, #0093A6, #006D68, #00171E)
• Hushed Drift color palette (#DBFFE4, #9ED4FF, #9A8EE4, #00634D, #000306)
• Cerulean Balcony color palette (#E9DDE6, #1DA2AA, #005268, #003122, #001528)
• Muted Turquoise color palette (#B8ECFF, #00A7C5, #005B6C, #00171E, #000102)
• Airy Mulberry color palette (#DBEBF0, #00738C, #A60030, #6F2B00, #000102)

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