Petrol Lantern color palette — #F4E9F5 · #0068AB · #2C4500 · #002B1F · #000608

Peacock takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F4E9F5): bright and airy, almost weightless.
• Peacock (#0068AB): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#2C4500): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#002B1F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000608): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Muted Ultramarine Balcony color palette (#EDDAE6, #5351AD, #005034, #002C2E, #00040C)
• Petrol Boulevard color palette (#D6EEDE, #006E82, #4A3B00, #142F00, #000604)
• Hushed Ultramarine Pier color palette (#DDE7F8, #2F4CBC, #513800, #003132, #051025)
• Lowlit Basin color palette (#F2E2F1, #003DB0, #113600, #001F19, #000102)
• Tempered Forest color palette (#F9EEF6, #707FBD, #007241, #004748, #001811)
• Linen Atelier color palette (#FFECEF, #9E4B9E, #00636A, #00375A, #12032D)
• Cypress Studio color palette (#F9EEF2, #9E84B9, #007671, #005A77, #251320)
• Bronze Orchard color palette (#F9E8DB, #A3520B, #4C4900, #00301D, #000D11)

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