Petrol Lantern color palette — #ECF4F1 · #E3D3D6 · #C9AFB9 · #136A9F · #172420

Peacock and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#E3D3D6): bright and airy, almost weightless.
• Rosewood Mist (#C9AFB9): A luminous, dusty rose — the color of strawberry cream.
• Peacock (#136A9F): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#172420): 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

• Worn Petrol Coast color palette (#F9F3FA, #E7D4D9, #BFADBA, #3E6790, #3F3840)
• Weathered Cobalt Drift color palette (#F0F6FC, #D9D9E4, #C0AAA7, #518ECA, #262F39)
• Antique Grape color palette (#FAEEF4, #EBCAD2, #CB9E9E, #593AC3, #25131E)
• Softworn Navy color palette (#ECE7ED, #BFADB8, #A6828D, #004381, #100711)
• Byzantium Lantern color palette (#F9EFF1, #E4D3C9, #D7B7AD, #9048A2, #2F2024)
• Fern Lagoon color palette (#C2EAD8, #C09BB2, #8E628F, #575400, #2A2C0A)
• Tempered Olive color palette (#FAF0E5, #AAA174, #566F03, #3B4468, #251A01)
• Dusty Atelier color palette (#F1E6E7, #D6C7C5, #B79D92, #763B71, #1E1214)

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