Weathered Petrol Lantern color palette — #EFF8F2 · #CBDEDD · #A0BAB0 · #166F81 · #343D37

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Silver (#CBDEDD): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#A0BAB0): A luminous, dusty teal — the color of sea glass.
• Teal (#166F81): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#343D37): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Weathered 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

• Worn Quarry color palette (#EEF7FA, #D5D9E4, #BBBDD1, #3A8D9C, #2C3D45)
• Antique Petrol color palette (#EDF4EF, #CCD9D9, #C1B1C3, #047180, #1A231D)
• Wandering Garden color palette (#FAF2F8, #E4D7D8, #B4AEA3, #96768F, #585056)
• Worn Abyss color palette (#E5EFEA, #AABEB6, #71978D, #004C63, #15231C)
• Weathered Jade Station color palette (#F6F7E4, #6BAD76, #337150, #3F5232, #35362F)
• Timeworn Ultramarine Lagoon color palette (#FFF0FE, #E4C9DE, #B99DAE, #1A56AE, #3A2E3A)
• Tempered Corridor color palette (#FBF2F6, #EDD4D1, #D5B1BA, #6D5CA6, #4C3943)
• Ancient Cocoa color palette (#CAE6FF, #B896B4, #6F719C, #6C4647, #593000)

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