Cobalt Lantern color palette — #E9F3FF · #99BFFE · #697EBF · #4D5380 · #2B334C

A conversation between Slate Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Sky (#99BFFE): A luminous, balanced violet — the color of wild irises.
• Slate Blue (#697EBF): A luminous, balanced violet — the color of wild irises.
• Peacock (#4D5380): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#2B334C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, cool.

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

• Hushed Powder color palette (#ECF7FF, #D6D8E7, #93ADEC, #7A729D, #454662)
• Dusty Powder color palette (#ECF2FF, #A4AEEE, #C8888C, #656CA4, #3E283F)
• Weathered Iris color palette (#EDF1FF, #CBC3FF, #8880B9, #4A466C, #161C38)
• Softworn Hollow color palette (#E0F6FF, #55CAE2, #308EA9, #2C697F, #233F51)
• Driftwood Corridor color palette (#EEF1FF, #E4D4E0, #C4A999, #7D88A4, #3A3C49)
• Fuchsia Thicket color palette (#E9DDED, #D685D8, #A35D99, #6D395B, #32213F)
• Ancient Amethyst color palette (#E8ECFF, #8B8BFF, #6E47DD, #522A91, #2D1746)
• Washed Driftwood Lagoon color palette (#FFECF2, #A5C5A4, #9D7B5A, #6C4E5C, #233025)

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