Petrol Lantern color palette — #E9F1F4 · #B1C8D5 · #89AAC0 · #006D7A · #102229
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E9F1F4): bright and airy, almost weightless.
- Stone (#B1C8D5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#89AAC0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#006D7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#102229): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Timeworn Denim Drift color palette (#D9E6EF, #A8B6C3, #7798C0, #005A7B, #07151F)
- Lagoon Field color palette (#E3EEE5, #AEC5C4, #8DADB1, #00919C, #172319)
- Hushed Terrace color palette (#EDF7FF, #D1E0F0, #A9BFE0, #007FBD, #223545)
- Linen Summit color palette (#C3F1EF, #008DB5, #005A9B, #5A006A, #001926)
- Antique Sapphire Cabin color palette (#D9EEFC, #00C7DB, #00A8DC, #006ECD, #001726)
- Ancient Lagoon color palette (#D3E0EB, #006991, #382E31, #002643, #000A15)
- Washed Petrol Market color palette (#D3EAFF, #7493C9, #5E5FAB, #6E3054, #4B1B28)
- Weathered Pine color palette (#D9F6EF, #68A364, #00743A, #00523F, #022202)
Browse the whole catalog at Explore, or see today's palette.