Petrol Lantern color palette — #E4F3F0 · #70C0C9 · #008396 · #005956 · #00242E

Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E4F3F0): a clean, paper-quiet neutral.
• Cyan (#70C0C9): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#008396): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005956): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#00242E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Soft Dune color palette (#E5F3F2, #8AB8D6, #007AC3, #00566D, #001F42)
• Washed Cerulean color palette (#F5F7E8, #8ADBE3, #00899D, #00524E, #000F15)
• Denim Grove color palette (#F2E5EE, #70AAB0, #00607C, #00402E, #00213C)
• Washed Azure Boulevard color palette (#F4E5DE, #7FCFD7, #00A1CC, #008060, #00213C)
• Patina Turquoise Atelier color palette (#EBF8F6, #ACE6F2, #00ADD1, #008285, #00475E)
• Frosted Azure Canyon color palette (#E6FAF9, #90D4FF, #0092E7, #006E8A, #003264)
• Chalky Station color palette (#D7DEF8, #5564DF, #AC278C, #00646F, #090B31)
• Airy Cobalt Hollow color palette (#DFE0FC, #BFB2F4, #BB92D4, #5167B7, #251D44)

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