Sapphire Loft color palette — #E9DDE0 · #7DB8E9 · #436ADE · #005862 · #1F1446

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

The five colors

• Silver (#E9DDE0): bright and airy, almost weightless.
• Sky (#7DB8E9): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#436ADE): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005862): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#1F1446): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Cobalt Veranda color palette (#EFE1E9, #65C0D8, #007DB6, #005A4F, #081D43)
• Hushed Cobalt color palette (#FCF4E8, #A6D1F8, #5179BF, #004F61, #070035)
• Aged Harbor color palette (#EBF0E2, #65A4DE, #0054AC, #003A53, #0A1B47)
• Quiet Field color palette (#F4E9DD, #9EC5E7, #7B8CD9, #007C7F, #281140)
• Azure Terrace color palette (#FFF0F9, #78DBF6, #0095DC, #007367, #132F67)
• Feathered Ultramarine Delta color palette (#EADDE2, #6B98B9, #0045D2, #003B3F, #080127)
• Weathered Chapel color palette (#FFF0FA, #9AECE8, #00AEC8, #00884E, #004563)
• Powder Meadow color palette (#FAF3F6, #D9DFEE, #88B5E7, #579290, #495365)

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