Petrol Lantern color palette — #FBE9EF · #7DB8E7 · #4464AF · #004E57 · #2C284D

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FBE9EF): A whisper-light, dusty rose — the color of strawberry cream.
• Sky (#7DB8E7): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4464AF): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#2C284D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Petrol Terrace color palette (#F1E5E9, #90B9DA, #5465AD, #004B4B, #1B0B30)
• Dusty Petrol color palette (#F8E9F4, #77BFC4, #007390, #00523A, #023050)
• Aged Cobalt Dune color palette (#FFF0FB, #7EDFF3, #008ABE, #006857, #264163)
• Dusty Cobalt Chapel color palette (#F4EDE6, #A2D0C1, #6B81CC, #006C6B, #33244D)
• Linen Periwinkle Delta color palette (#F3EEE6, #B1D8F9, #76A5EE, #008DA9, #20265F)
• Softworn Denim Courtyard color palette (#FBE7F1, #3F9BBF, #004C82, #00302E, #07083F)
• Timeworn Aqua Cabin color palette (#DAF8FF, #60D2FC, #7A97D8, #296843, #003F47)
• Ash Corridor color palette (#FAF2F7, #D3D8F2, #6AA4B0, #52795F, #435563)

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