Petrol Lantern color palette — #FFF4E2 · #6FC6D9 · #00799D · #005651 · #003657

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#6FC6D9): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#00799D): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
• Navy (#003657): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Cerulean Alley color palette (#FBF4EA, #AFCEB7, #0085A6, #006157, #1A4337)
• Sapphire Chapel color palette (#FBF4EA, #77C0F4, #006AD5, #005363, #1F2B6B)
• Chalky Aqua Summit color palette (#FFEEE5, #16D1ED, #0079B4, #00543A, #080D4E)
• Hazy Turquoise color palette (#DFFCF8, #96E9FB, #00BDE7, #00979C, #00384D)
• Ancient Denim color palette (#ECE3D4, #5CABC2, #005F84, #003E3D, #00203D)
• Azure Field color palette (#FFF0FA, #6FDDF1, #0096DA, #007652, #1B2C6B)
• Muted Cobalt color palette (#F8F5EE, #C0E7D5, #4090CF, #116F78, #573D56)
• Navy Cabin color palette (#EBE4DA, #4A88AB, #003E6E, #002127, #00022B)

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