Petrol Lantern color palette — #F5EDE0 · #69C6DE · #007098 · #003E3C · #000308

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE0): bright and airy, almost weightless.
• Sky (#69C6DE): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#007098): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000308): 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

• Ultramarine Parlor color palette (#F7EDDD, #78BCFF, #295BD5, #003B4C, #020013)
• Teal Lantern color palette (#E8DDCD, #42B6B0, #006069, #002D1E, #000102)
• Cobalt Boulevard color palette (#FCF4E8, #8DD6FF, #207ECB, #00505A, #000432)
• Muted Mulberry Lagoon color palette (#C0E7F9, #007194, #9D006B, #474500, #000102)
• Washed Azure color palette (#C6E8FF, #00A7E4, #005779, #00141F, #000103)
• Softworn Lilac Lantern color palette (#D5FFEB, #9BCAFF, #9D8FFE, #006D73, #000B08)
• Worn Alley color palette (#CBF3EF, #008F97, #006070, #002736, #000205)
• Hazy Rust color palette (#DEF4E7, #008CAB, #B13800, #004354, #040000)

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