Sapphire Villa color palette — #F1EAE3 · #7DA5C9 · #486AD9 · #005B67 · #0B0027

Built around Sapphire, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Cream (#F1EAE3): bright and airy, almost weightless.
• Blue Fog (#7DA5C9): A luminous, dusty blue — the color of open sky before noon.
• Sapphire (#486AD9): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005B67): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#0B0027): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Cobalt Villa color palette (#F1E3DC, #6CACBC, #007DB3, #005E52, #00071F)
• Muted Denim Canyon color palette (#D3E1E1, #6B97BF, #1457A1, #00384F, #000429)
• Hazy Basin color palette (#F5EBE4, #95C8E3, #4E94E6, #007D7E, #151749)
• Navy Bloom color palette (#F3E3E8, #387DB7, #1D3085, #001E24, #020009)
• Hazy Byzantium Coast color palette (#F0F1DF, #58A826, #8743DE, #214F00, #0A001A)
• Turquoise Drift color palette (#E7E6CF, #80B89D, #00ACC8, #786600, #000D05)
• Muted Lagoon Delta color palette (#F8EBE6, #A1DFEA, #50B0DE, #009479, #002D5B)
• Ancient Turquoise color palette (#F9F4EF, #C7E5E8, #9DBDFC, #34AAB6, #5B3C4F)

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