Cobalt Lantern color palette — #E8F9F9 · #9DCAF5 · #4B7AB7 · #015A7D · #2A3A5B

Slate takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E8F9F9): bright and airy, almost weightless.
• Sky (#9DCAF5): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#4B7AB7): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#015A7D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2A3A5B): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Cerulean Chapel color palette (#EBF9F6, #89D3DC, #00879B, #00605D, #014252)
• Wandering Petrol Thicket color palette (#FCF4E9, #AEE1D2, #7896C9, #0A7892, #31375E)
• Tempered Cerulean color palette (#D0E4E1, #009FC0, #00516B, #002F34, #001624)
• Lagoon Terrace color palette (#FEF1F5, #CDE3F8, #9EADF1, #009FA4, #423059)
• Weathered Grove color palette (#FFF0FD, #F2D9BF, #DE9E74, #995E63, #503649)
• Gentle Pier color palette (#FAD8F6, #D33743, #876700, #754289, #3A2139)
• Antique Taupe color palette (#D7F0D9, #B09348, #7E5D20, #5D3C0E, #1A3727)
• Feathered Chapel color palette (#F2D6E3, #E3609A, #A9355D, #7A2E3E, #57272A)

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