Sapphire Loft color palette — #F9E9F8 · #1173F6 · #BA005E · #04520E · #000108

Sapphire takes the lead with Magenta Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9E9F8): A whisper-light, dusty pink — the color of neon signs at night.
• Sapphire (#1173F6): A full-bodied, vivid blue — the color of open sky before noon.
• Magenta Rose (#BA005E): A full-bodied, vivid red — the color of late-summer berries.
• Deep Olive (#04520E): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

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

• Indigo Summit color palette (#F9E6F1, #6D5AFF, #A74000, #00544D, #01000E)
• Byzantium Chapel color palette (#F2E5EE, #5163FF, #9E00BB, #584A00, #000208)
• Worn Drift color palette (#C9EDDD, #0089B8, #9F00A3, #554D00, #000201)
• Feathered Cornflower color palette (#F4E8F5, #007FEE, #855B00, #155200, #010B00)
• Patina Byzantium color palette (#EEF1D9, #0092D6, #9D00C5, #165700, #030628)
• Ultramarine Pier color palette (#E2EFFF, #0058C3, #711500, #242500, #000303)
• Wandering Hollow color palette (#FFEEF8, #9395FF, #FE2C99, #327400, #120D3A)
• Antique Magenta color palette (#FEE6EB, #BB40D9, #846A00, #005E79, #120018)

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