Petrol Lantern color palette — #D4F0F4 · #0077A6 · #004276 · #0D003C · #020006
A conversation between Cerulean and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4F0F4): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0077A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004276): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#0D003C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, 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
- Petrol Station color palette (#D6E8E2, #00838B, #004C61, #001830, #00000B)
- Onyx Field color palette (#DBF5F8, #006990, #002B62, #17004C, #0B001D)
- Washed Nightshade color palette (#DBEFF9, #0079C6, #2620B0, #1D003E, #030004)
- Aged Bronze color palette (#D9F6F1, #9D7E00, #007BAF, #07090F, #000201)
- Mallow Studio color palette (#F5EAF5, #C1AAF7, #C0708A, #004A54, #010009)
- Patina Aubergine Hollow color palette (#D2E4F6, #555FD8, #610096, #29002B, #040001)
- Gentle Navy Courtyard color palette (#F8E6F2, #5659CE, #7A4700, #220080, #020100)
- Wandering Nightshade Drift color palette (#DBDFEF, #3E3CBE, #5C4100, #422E00, #01000A)
Browse the whole catalog at Explore, or see today's palette.