Sapphire Villa color palette — #D3E7E7 · #00C2E1 · #0096E7 · #4B5ECB · #362257
A conversation between Royal Blue and Azure, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3E7E7): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00C2E1): A luminous, balanced blue — the color of deep harbor water.
- Azure (#0096E7): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#4B5ECB): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#362257): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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 Periwinkle color palette (#BCE9EE, #43C7FC, #4F9DFF, #6C6ECC, #47345E)
- Soft Ultramarine color palette (#D6F0F8, #00AAE8, #0079BC, #004FAE, #1D2A57)
- Frosted Sapphire color palette (#CAEBF4, #00A2EC, #2468FB, #5631BC, #31043C)
- Quiet Indigo color palette (#C7E4F2, #5DB4FF, #6F76FF, #7D4EBE, #411443)
- Teal Workshop color palette (#DDEDE4, #00C1AE, #00A2BF, #006E95, #182E60)
- Timeworn Iris Atelier color palette (#D3E4FF, #A1BBFF, #5D92FF, #3C60C3, #030B41)
- Antique Navy color palette (#DFF4F8, #0094BA, #006198, #032379, #140546)
- Indigo Workshop color palette (#F1D4EA, #8FAAFF, #FD8639, #516CDF, #441B00)
Browse the whole catalog at Explore, or see today's palette.