Sapphire Villa color palette — #BFE7F0 · #02AFEB · #1A6CF9 · #523B9D · #502F6B
Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#BFE7F0): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#02AFEB): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#1A6CF9): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#523B9D): A full-bodied, balanced violet — the color of a velvet chair.
- Royal Purple (#502F6B): 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
- Aged Indigo color palette (#B9E6FF, #2F9DFD, #6855EB, #5D3397, #5A2B56)
- Muted Indigo color palette (#AAEAFF, #7AC5FF, #61A0FF, #646DFF, #4A2F79)
- Tempered Loft color palette (#D6E9E8, #00B3D0, #007EB8, #2D4399, #42336C)
- Frosted Studio color palette (#E3F2FF, #7CB8FF, #317CFD, #3D5BCE, #2F3A7F)
- Ultramarine Corridor color palette (#D1E7F2, #0D8CF4, #374FD0, #42237B, #381944)
- Airy Pier color palette (#E2F1FF, #3698F6, #0067D9, #0F329D, #141753)
- Sunflower Corridor color palette (#D4EDE2, #EBCB2F, #6196EC, #492E4E, #2E202E)
- Worn Indigo color palette (#DCF1FF, #4C6BFF, #5B00AA, #4A0059, #3B0128)
Browse the whole catalog at Explore, or see today's palette.