Sapphire Loft color palette — #FFF0F8 · #E2D2FF · #D19EE4 · #4B60D2 · #180A36

Royal Blue and Lavender set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Thistle (#E2D2FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#D19EE4): A luminous, balanced pink — the color of neon signs at night.
• Royal Blue (#4B60D2): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#180A36): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged pastel, 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

• Misty Drift color palette (#FFEFFF, #E1D6F5, #ADA7FB, #0070AF, #021033)
• Tempered Blush Quarry color palette (#FFF1F3, #FFD0D7, #F787BC, #7D46A0, #1E021C)
• Sunlit Blush color palette (#FEE3F5, #DBB4EF, #F987B3, #088ED2, #391C2D)
• Wandering Quarry color palette (#ECEAFF, #CAA0FF, #A76EB1, #3C427B, #222441)
• Misty Aubergine color palette (#F5E8FF, #FABAF9, #E473BF, #6230A6, #07000B)
• Worn Peony color palette (#E9EDFC, #D29BEE, #C76385, #004C6B, #090C25)
• Hazy Orchid Corridor color palette (#FDF0FF, #E9D5D9, #FFB9B7, #9F4BE8, #431445)
• Sapphire Bloom color palette (#FEE4FE, #276FD2, #0B7418, #004336, #000105)

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