Sapphire Lantern color palette — #DDEBFF · #89B3FF · #206EFB · #00409A · #00193D

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

The five colors

• Frost (#DDEBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#89B3FF): A luminous, balanced violet — the color of a velvet chair.
• Sapphire (#206EFB): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#00409A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#00193D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged monochrome, 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

• Softworn Indigo color palette (#E8ECFF, #9FACFF, #595EFF, #3622AF, #13005A)
• Sapphire Ridge color palette (#F0F5FF, #ACC9FF, #3170FE, #002DAB, #00052B)
• Sky Study color palette (#D1EBFF, #59B7FF, #0085C4, #004872, #001E35)
• Pale Periwinkle Canyon color palette (#E0EBFF, #5295FF, #005CB4, #002867, #00163A)
• Pale Sapphire Villa color palette (#E5EEFF, #9EC6FF, #4798FF, #1451F8, #00193B)
• Powdered Violet color palette (#F5F3FF, #BEB1FF, #9770F2, #5A3BA0, #271158)
• Washed Lilac color palette (#DEEEE4, #FF8C72, #9597FF, #2B2A5E, #0F1529)
• Nightshade Orchard color palette (#DDDEFB, #765CF0, #4117B1, #1B0059, #02000D)

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