Petrol Lantern color palette — #EFF7F7 · #D7DBEC · #749DC6 · #307893 · #42546A

Slate and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D7DBEC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#749DC6): A luminous, dusty blue — the color of deep harbor water.
• Slate (#307893): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#42546A): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Cerulean Studio color palette (#EFF6FF, #D9D8E3, #CABDE0, #5D8FB5, #424D5E)
• Timeworn Petrol Harbor color palette (#EAF7FF, #8CC0DC, #4391BE, #22689C, #3A516A)
• Periwinkle Villa color palette (#F7EFF2, #D9D0E3, #809DCE, #24787F, #2F3549)
• Dusty Cobalt Thicket color palette (#EEF6FF, #91B4D6, #BD85A5, #1877BE, #544565)
• Patina Summit color palette (#D6E2E1, #75A6C2, #005C8F, #003C4B, #00203F)
• Muted Petrol Corridor color palette (#E3FBF7, #70C7D4, #007B91, #005655, #003949)
• Aged Loft color palette (#E5F2EF, #4E9E9F, #00545B, #00302B, #00181D)
• Ancient Oat color palette (#F4F6EE, #BFE1F5, #A0D3C6, #86AC9A, #5C4D5C)

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