Petrol Lantern color palette — #F9F4EF · #C9E8EC · #8698C4 · #007D8C · #644958

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

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Frost (#C9E8EC): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8698C4): A luminous, dusty violet — the color of a velvet chair.
• Teal (#007D8C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#644958): A full-bodied, dusty pink — the color of peonies in June.

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

• Powder Archive color palette (#F4F6F0, #C8E6EA, #8FB4E4, #5F8DA6, #604A5E)
• Hushed Quarry color palette (#FAF3F0, #CCE6E0, #63A3BC, #397D64, #305249)
• Dusty Cobalt color palette (#ECF8F4, #89B5DB, #B69259, #2478B4, #604821)
• Muted Harbor color palette (#FFF0FD, #DFBAD7, #6582B4, #31538A, #2A3B5C)
• Weathered Chapel color palette (#F0E5DF, #4D9EA4, #005268, #003122, #001528)
• Ancient Bronze color palette (#FFF0FC, #8397C8, #B07C5D, #8B741F, #4E3C4B)
• Petrol Orchard color palette (#FFF2EC, #70C6D9, #0077A5, #005749, #00306A)
• Cerulean Alley color palette (#FFF2EC, #B2DABD, #008BB9, #006953, #19416B)

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