Petrol Lantern color palette — #F1F7F3 · #D1DCDC · #BFACBF · #007085 · #2E3F35
Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F7F3): bright and airy, almost weightless.
- Silver (#D1DCDC): bright and airy, almost weightless.
- Ash (#BFACBF): A luminous, dusty pink — the color of a candy shop window.
- Teal (#007085): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#2E3F35): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Dusty Drift color palette (#EFF6FA, #D7D9E5, #C4BAD5, #0091A1, #303D42)
- Ancient Terrace color palette (#F9F3F7, #DFD7D7, #AFACA1, #717FB2, #585056)
- Aged Abyss Boulevard color palette (#D7E2DD, #AABEB8, #A0849A, #004C64, #11241C)
- Wandering Grove color palette (#FAF2F9, #E1CBD8, #BD9CA9, #1451BC, #402A3F)
- Aged Cypress Courtyard color palette (#F6F6E9, #7FA685, #1D7358, #025659, #333A00)
- Washed Terrace color palette (#FBF2F6, #E8D5D1, #D3B3B5, #7251BD, #513743)
- Hushed Balcony color palette (#C0EADA, #BCA1B9, #946E7F, #714C37, #52410F)
- Dusty Aubergine Drift color palette (#F7EBEF, #D8C7CA, #B29999, #6C309F, #3C262F)
Browse the whole catalog at Explore, or see today's palette.