Sapphire Loft color palette — #DCE8F1 · #67B1FF · #2788FA · #265EE9 · #20296B

Royal Blue and Azure set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DCE8F1): bright and airy, almost weightless.
• Cornflower (#67B1FF): A luminous, balanced blue — the color of open sky before noon.
• Azure (#2788FA): A luminous, vivid blue — the color of deep harbor water.
• Royal Blue (#265EE9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#20296B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Sapphire Loft 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

• Lapis Basin color palette (#E8F0FF, #89A8FF, #687BFF, #624DDA, #2D1E5D)
• Nightshade Parlor color palette (#C6E9F5, #2CA7E5, #0074D3, #312ABC, #372068)
• Soft Orchard color palette (#D0DFF6, #82AEFF, #00BD86, #3478FF, #003220)
• Frosted Lapis color palette (#E0E5FF, #AEB7FF, #7D88F8, #544DD2, #0C0044)
• Aged Cobalt Parlor color palette (#CFEBFF, #0083D8, #0054A4, #002F7F, #050A38)
• Wandering Atelier color palette (#EFF4FF, #E7D2ED, #D7B9F5, #6695E2, #2E2F55)
• Hushed Dune color palette (#D8EEF2, #00B8D7, #009BC0, #007399, #00304A)
• Magenta Studio color palette (#DDEBFE, #649DFF, #CC67CE, #009A9A, #0B1E3F)

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