Hushed Petrol Lantern color palette — #FFF1F6 · #00B9BA · #316CB0 · #5E3300 · #00161C

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Turquoise (#00B9BA): A luminous, balanced teal — the color of glacier melt.
• Slate (#316CB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5E3300): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#00161C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

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

• Jade Grove color palette (#FFF0FB, #00BE91, #007697, #6F1D26, #001715)
• Indigo Lagoon color palette (#DCFFEA, #00B2E2, #6359BE, #4A3F00, #001327)
• Hushed Cobalt color palette (#E5FDE6, #55CAD6, #5A7DBF, #6C4900, #002633)
• Hazy Mulberry color palette (#E9F8FF, #00A4BB, #9C3A6D, #5E2500, #0F0D00)
• Aged Nightshade Drift color palette (#FFECC6, #009AB7, #4046A8, #392800, #00040A)
• Muted Pier color palette (#F6D8BA, #008888, #004D90, #4C2A00, #002932)
• Soft Byzantium color palette (#D9E2C9, #27BAEB, #328CDB, #8C419C, #00283B)
• Washed Driftwood color palette (#DAF8FF, #95CBE6, #8384B2, #6A562F, #2F2C00)

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