Petrol Lantern color palette — #E7FBF3 · #FFBEA9 · #006A9C · #002B43 · #000503

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

The five colors

• Ivory (#E7FBF3): A whisper-light, dusty teal — the color of sea glass.
• Wheat (#FFBEA9): A whisper-light, balanced orange — the color of autumn markets.
• Peacock (#006A9C): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002B43): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

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

• Denim Pier color palette (#FBF2FA, #EBCC8B, #3E5FAE, #132451, #090108)
• Washed Alley color palette (#FCF1FB, #FFDFBC, #4B77B5, #482D48, #150B16)
• Denim Chapel color palette (#DCEBFB, #D48A77, #0A497A, #001D38, #000510)
• Ancient Harbor color palette (#DCF3FF, #9EDC85, #2196B2, #205F6F, #0B181E)
• Faded Ultramarine Station color palette (#FFF0FB, #D5C800, #3A39D2, #120460, #040003)
• Pale Peony color palette (#EAF9F3, #98DAFF, #D04EB4, #0080B1, #0E0203)
• Amethyst Lantern color palette (#FFF1F6, #ACEE8E, #8042CA, #381D5A, #110308)
• Aubergine Veranda color palette (#FFF1F5, #A0CA7C, #6C308C, #250634, #040001)

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