Petrol Lantern color palette — #E4F0E6 · #75C1BE · #008492 · #005C44 · #00242F
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E4F0E6): a clean, paper-quiet neutral.
- Mint Leaf (#75C1BE): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#008492): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005C44): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00242F): 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
- Patina Petrol color palette (#DAE6DC, #68AEBF, #007095, #004A47, #001527)
- Aged Seafoam color palette (#FEF4E4, #68E2DF, #008A99, #00543E, #000F16)
- Dusty Cerulean color palette (#E7F2E9, #9BCDE2, #0094BB, #006D64, #00314C)
- Faded Periwinkle color palette (#B9E9F9, #80D1F0, #6DA3EE, #007160, #002630)
- Worn Loft color palette (#E5EEE6, #8FB7D4, #3574C6, #005767, #10174D)
- Washed Veranda color palette (#D6EDE1, #00A086, #00716C, #004C51, #00262D)
- Antique Pine color palette (#F5E4E0, #5AD6D3, #00A2C7, #367F3E, #00203E)
- Turquoise Summit color palette (#EDF9EF, #ABE8EA, #00AEC9, #00856D, #00465E)
Browse the whole catalog at Explore, or see today's palette.