Sapphire Villa color palette — #B6EBFF · #63B8FF · #356DFF · #4333A5 · #240B39

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

The five colors

• Powder Blue (#B6EBFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#63B8FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Sapphire (#356DFF): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#4333A5): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#240B39): 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 Villa 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

• Hushed Navy color palette (#9EF3FF, #1EC1F9, #007FD8, #143CA0, #201746)
• Indigo Alley color palette (#DEF0FF, #7DA9FF, #695FFF, #622693, #34093B)
• Patina Cornflower color palette (#DEEAF7, #70A9FF, #5088FE, #4A5CAD, #242558)
• Quiet Iris color palette (#E8F6FF, #A9CCFF, #737BFB, #604EA1, #40274B)
• Pale Studio color palette (#CBE9F2, #008FD1, #324CBF, #391F7F, #210230)
• Washed Grape Workshop color palette (#D1E8FF, #6585FF, #681BFD, #4F007A, #130016)
• Feathered Amethyst color palette (#F5F4FF, #B7B4FF, #7552EF, #332689, #03000F)
• Ancient Ultramarine Atelier color palette (#FFF0FC, #9CB5FF, #A38C00, #3041D7, #1E1800)

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