Sapphire Lantern color palette — #DEF1FF · #309AFD · #3761E5 · #45459C · #332859

A conversation between Royal Blue and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Frost (#DEF1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#309AFD): A luminous, vivid blue — the color of deep harbor water.
• Royal Blue (#3761E5): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#45459C): A full-bodied, balanced violet — the color of wild irises.
• Navy (#332859): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged vibrant, cool.

Use it as a design system

One click turns Sapphire 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 Workshop color palette (#DEF3FA, #00A6E0, #007CD2, #264FA0, #222957)
• Faded Indigo color palette (#DFEEFF, #77A7FF, #7578E3, #594C95, #403058)
• Aged Canyon color palette (#CAE8F8, #54B4FF, #4683FB, #644AD9, #3A1759)
• Washed Nightshade Grove color palette (#D9E8F9, #78A9FA, #3C6BE8, #2B25B7, #190D4B)
• Pale Violet color palette (#E6EBFF, #9483FF, #8952D4, #663289, #3F1D43)
• Quiet Veranda color palette (#E0E1FF, #AD9EFF, #6E5DCC, #442F80, #160445)
• Ultramarine Hollow color palette (#D0DEFB, #778DFF, #9C8500, #4553C8, #312800)
• Timeworn Cobalt color palette (#EFF4FF, #D9C5FF, #D19AC7, #4C79B2, #282E4B)

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