Petrol Lantern color palette — #F7ECE4 · #66BEE3 · #3168B0 · #005146 · #2B2750

Royal Blue and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7ECE4): a clean, paper-quiet neutral.
• Cyan (#66BEE3): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#3168B0): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#2B2750): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Hushed Petrol color palette (#DFECEB, #94B9D2, #0073A6, #004957, #00172B)
• Cobalt Market color palette (#FBF4ED, #9CCCEB, #5775BD, #00605C, #4F2F3F)
• Worn Ridge color palette (#F3E3DF, #4CB1AC, #006177, #044208, #00213C)
• Wandering Cobalt color palette (#EDF0E3, #A3D0BC, #238FC9, #00697C, #003052)
• Pale Orchard color palette (#FFF2EE, #70E3E6, #008CB2, #006C2D, #1E416A)
• Periwinkle Lantern color palette (#F5EBF0, #A7DCF6, #55A9FD, #00918F, #202958)
• Timeworn Ridge color palette (#FEF2EE, #C7E6CC, #5693B0, #38704D, #563E55)
• Faded Coast color palette (#92F7E7, #00A898, #005F58, #003432, #001B18)

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