Petrol Lantern color palette — #EDF3F7 · #D7D5E6 · #B7BDDE · #0073A5 · #112737
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF3F7): bright and airy, almost weightless.
- Silver (#D7D5E6): A whisper-light, dusty violet — the color of wild irises.
- Sky (#B7BDDE): A luminous, dusty violet — the color of wild irises.
- Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#112737): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged scandi, muted, light, cool.
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
- Patina Petrol Alley color palette (#EEF6FE, #D8D8E9, #A8BDE1, #216FAA, #34414F)
- Denim Corridor color palette (#E3EAF1, #C6CBD6, #A1A1B8, #005796, #0B1723)
- Ancient Lapis Thicket color palette (#EFF2FA, #DDD2E0, #C6B8D7, #6557C2, #1E2439)
- Hushed Azure color palette (#EEF8F4, #E5D3D0, #C3BFB1, #2A99E4, #223B34)
- Driftwood Studio color palette (#F1F1F7, #DBD4D9, #BEACAA, #9673A6, #36353C)
- Muted Fern color palette (#C1ECF7, #91B2DE, #8E73A8, #4B5200, #033826)
- Obsidian Corridor color palette (#E0EBFF, #3D5DD7, #302142, #050B2E, #00040A)
- Dusty Nightshade Study color palette (#DDE1E6, #B0B2C1, #9088A6, #252FA1, #040A19)
Browse the whole catalog at Explore, or see today's palette.