Navy Lantern color palette — #FFF2ED · #7DC5CD · #0077A3 · #005933 · #0D2E6B

Navy takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Aqua (#7DC5CD): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0077A3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005933): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#0D2E6B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Navy 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

• Sapphire Ridge color palette (#FFF2EA, #7AC2E8, #3369CA, #00564F, #34206D)
• Patina Hollow color palette (#E7F7EA, #78CBD2, #007F98, #005346, #001D2B)
• Hushed Denim Quarry color palette (#F6E8E2, #6CAAB5, #005E89, #00402A, #0B184D)
• Weathered Cerulean Lantern color palette (#FEF4E3, #65E0EA, #009CBA, #007463, #00384F)
• Worn Cypress Corridor color palette (#FAF4F0, #CAE4D5, #688EB6, #00735E, #5D3B52)
• Antique Periwinkle Corridor color palette (#E1FFDB, #80DDD5, #45B1FE, #755D00, #00453B)
• Navy Ridge color palette (#EEE4DE, #5F8C76, #003B76, #00231D, #080029)
• Airy Olive Pier color palette (#EADDBD, #879700, #217B03, #005033, #003745)

Browse the whole catalog at Explore, or see today's palette.