Petrol Lantern color palette — #EFF6FC · #D9D8E4 · #B1B2C1 · #2D6C87 · #323C43
Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#D9D8E4): a clean, paper-quiet neutral.
- Ash (#B1B2C1): A luminous, dusty violet — the color of wild irises.
- Peacock (#2D6C87): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#323C43): 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 Villa color palette (#EBF4F1, #E0D4D8, #BFB3BE, #346A8E, #16241F)
- Aged Pewter Loft color palette (#F3F4FF, #E5D4E0, #CDB2CB, #765B97, #3D3E4F)
- Driftwood Canyon color palette (#F2F5FD, #DFD8E0, #B6A9A2, #78819B, #505258)
- Patina Denim color palette (#D7E1EA, #AEB9D1, #8D8BA5, #00496E, #172028)
- Antique Denim color palette (#EEEDF6, #D1C8D7, #B197AB, #684477, #2D2C37)
- Hushed Field color palette (#E8FAF3, #61AE82, #14716E, #334D69, #1C3C3B)
- Timeworn Pier color palette (#ACF1FF, #8F99D5, #946C86, #335C4D, #0D4446)
- Hushed Field color palette (#F0F7F4, #E5D8DB, #D8BBBB, #4FABD9, #303E38)
Browse the whole catalog at Explore, or see today's palette.