Cobalt Lantern color palette — #ECF0E4 · #9FCAEC · #508AC5 · #006787 · #112D56

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

The five colors

• Cream (#ECF0E4): bright and airy, almost weightless.
• Sky (#9FCAEC): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#508AC5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006787): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#112D56): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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 Summit color palette (#EFF0E1, #95D1D3, #0097A7, #006D64, #00343F)
• Worn Cornflower color palette (#EDF8F7, #D4DCF9, #1D94FB, #006585, #081D3E)
• Sapphire Harbor color palette (#F5EDE5, #8DB7D8, #3F64B5, #004E56, #2B2556)
• Hushed Periwinkle color palette (#FAE9EF, #B4D8F7, #72A2FF, #008F9B, #2A2750)
• Ancient Petrol Boulevard color palette (#E2E6D5, #6CACC6, #006F9B, #004854, #001527)
• Hazy Scarlet color palette (#E9E0EC, #B45CC7, #D23D3A, #286AB4, #2F0F36)
• Cerulean Atelier color palette (#F4F6EF, #C8E6EB, #C4A5C5, #5C8DA9, #5E4B5C)
• Amethyst Lagoon color palette (#DBDBF9, #9B86F4, #8052C9, #652B91, #411A52)

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