Cobalt Lantern color palette — #EFF6FF · #D4DEF6 · #B6BBE2 · #3574D6 · #263445

Sapphire and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Powder Blue (#D4DEF6): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#B6BBE2): A luminous, dusty violet — the color of a velvet chair.
• Sapphire (#3574D6): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Teal (#263445): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Worn Boulevard color palette (#E9F8FF, #CDE1F0, #A6C1DE, #008698, #21363F)
• Iris Atelier color palette (#F2F5FF, #E1D5E5, #D2B7CE, #8878C7, #3B3F4F)
• Hushed Cobalt color palette (#F9F3F9, #E9D7D9, #DFAEA4, #427CD6, #2D1F2C)
• Wandering Denim Alley color palette (#EEF6FF, #CED2E2, #A9A1C1, #005AA7, #273443)
• Antique Courtyard color palette (#ECF8F5, #F2D7D8, #F0BACC, #399CF7, #163A33)
• Cornflower Workshop color palette (#DDE8FF, #687DFF, #B62269, #5D4300, #002C1F)
• Wandering Navy color palette (#E1E6F3, #A1A3B4, #868398, #3C3787, #040818)
• Softworn Orchard color palette (#E0DFE6, #C7C1CE, #B19CB6, #854289, #201C2C)

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