Cobalt Lantern color palette — #E3F4F3 · #97B5D2 · #3A74C3 · #005476 · #07194C

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#E3F4F3): bright and airy, almost weightless.
• Ash (#97B5D2): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#3A74C3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005476): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#07194C): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Tempered Corridor color palette (#DCE8E6, #90B8CC, #0081A3, #00585E, #002333)
• Sunlit Cobalt Station color palette (#F2F8E9, #A3D0FF, #457AC7, #004C6D, #010333)
• Iris Lantern color palette (#F6EDE2, #90C5F9, #728CE3, #007A8C, #221246)
• Washed Ultramarine color palette (#E8F0E7, #77A3CE, #3244C1, #003D46, #211542)
• Tempered Atelier color palette (#E3FBF8, #91D7EE, #0099CA, #00707C, #003752)
• Washed Denim Courtyard color palette (#DEEEED, #7596B4, #0058A2, #00384D, #000721)
• Turquoise Alley color palette (#C6F3F9, #00AEBD, #00737F, #00393F, #000B0D)
• Patina Sky Courtyard color palette (#BDE8F8, #76D6F0, #38B4F0, #007E7B, #002A31)

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