Petrol Lantern color palette — #CBE9F3 · #006D8B · #004663 · #00263D · #0B0C27
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#CBE9F3): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006D8B): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004663): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#00263D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#0B0C27): A deep, shadowed, dusty violet — the color of wild irises.
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
- Washed Loft color palette (#D7E9F6, #006FB0, #003973, #001856, #13002D)
- Cypress Studio color palette (#D0EEE2, #007C68, #004B44, #002726, #011018)
- Forest Atelier color palette (#D7F7EC, #006597, #0E5C0B, #00304B, #011501)
- Hazy Aubergine color palette (#E2F0FF, #004F88, #620080, #003933, #000815)
- Weathered Navy color palette (#D5F7F1, #009CA8, #0075A6, #004993, #0C003B)
- Weathered Iris color palette (#E3ECF8, #7898FF, #796FC4, #003F64, #0A1938)
- Hushed Azure Study color palette (#DBF1FD, #009CE3, #00629D, #00427B, #301B5F)
- Lowlit Sapphire Balcony color palette (#D0E1FA, #026EED, #003673, #000F27, #000207)
Browse the whole catalog at Explore, or see today's palette.