Petrol Lantern color palette — #D3F2FF · #007BA6 · #004C6F · #002C4A · #000818
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D3F2FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#007BA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004C6F): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#002C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000818): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Forest Garden color palette (#DBF2EA, #0071AC, #006B1C, #003A5B, #000B01)
- Pale Azure Courtyard color palette (#D1E9F4, #009BCE, #006A9E, #004675, #002041)
- Patina Cypress Orchard color palette (#D7F2EB, #007E72, #005350, #002829, #000A0C)
- Dusty Navy Coast color palette (#D9EAF8, #0075C4, #004598, #00116D, #030030)
- Faded Aubergine Dune color palette (#E8F1FE, #0051B8, #7B0085, #004544, #000310)
- Frosted Iris Delta color palette (#F1D8EF, #9CB0FC, #8573CD, #005288, #03052C)
- Chalky Nightshade Balcony color palette (#DFE5F9, #625FDD, #4A20AD, #32006D, #120025)
- Electric Lapis Harbor color palette (#D5E5FC, #518AFF, #3731E8, #2F00A1, #19004D)
Browse the whole catalog at Explore, or see today's palette.