Petrol Lantern color palette — #EAF5F0 · #C9DADC · #BFB2BF · #256C91 · #17231F

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Cream (#EAF5F0): bright and airy, almost weightless.
• Silver (#C9DADC): a clean, paper-quiet neutral.
• Ash (#BFB2BF): A luminous, dusty pink — the color of a candy shop window.
• Peacock (#256C91): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#17231F): 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 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

• Petrol Terrace color palette (#EFF6FB, #D7D8E5, #AAB4C7, #276C8B, #333C42)
• Hushed Pewter Terrace color palette (#F9EFF1, #EBD2CA, #DCB3B6, #7E5B8E, #311F24)
• Nightshade Thicket color palette (#FBEDF6, #E7CAD8, #C99DAE, #4E49B1, #23141E)
• Antique Studio color palette (#EFF8F3, #E6D3D0, #A9A99E, #5393AF, #23322B)
• Timeworn Navy color palette (#E0EDE9, #BFACBF, #9C8597, #004676, #000E0A)
• Lilac Garden color palette (#F7E8F3, #A09BD6, #79678E, #65463F, #391F12)
• Teal Veranda color palette (#EFF4E6, #4FB595, #007566, #334E35, #16200A)
• Gentle Ridge color palette (#FFE1DB, #3B8DE0, #47549B, #572343, #231022)

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