Petrol Lantern color palette — #ECF9F4 · #E9D9DD · #D0B2C4 · #0071AA · #28473D

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

The five colors

• Ivory (#ECF9F4): bright and airy, almost weightless.
• Silver (#E9D9DD): bright and airy, almost weightless.
• Rosewood Mist (#D0B2C4): A luminous, dusty pink — the color of peonies in June.
• Slate (#0071AA): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#28473D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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 Sapphire Harbor color palette (#FBF2F8, #E6D5D4, #D0B3BB, #4F5FC2, #4A3A46)
• Patina Petrol Ridge color palette (#EDF4F0, #EFD5DA, #DFB0C0, #00759C, #152A21)
• Patina Cerulean color palette (#ECF7FF, #DAD7E5, #D2B9DD, #0092C5, #33424D)
• Weathered Meadow color palette (#F1F7F1, #CCDEDC, #A8C3B8, #007A78, #364436)
• Ancient Denim color palette (#F3ECF3, #D5C7D1, #B298A5, #00559C, #352936)
• Chestnut Villa color palette (#CFE4FF, #C9A3B9, #956897, #7F5400, #474A1F)
• Wandering Basin color palette (#FBF3F4, #DFD8D5, #AAAEA2, #9673A0, #595052)
• Weathered Loft color palette (#FFF3E2, #ABA56F, #60721C, #005A71, #423C00)

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