Sapphire Villa color palette — #F4E7EC · #76A7C9 · #4A6BD3 · #005D5B · #0E0024

Sapphire takes the lead with Ink close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F4E7EC): a clean, paper-quiet neutral.
• Blue Fog (#76A7C9): A luminous, dusty blue — the color of open sky before noon.
• Sapphire (#4A6BD3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#005D5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#0E0024): A deep, shadowed, dusty violet — the color of wild irises.

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

• Indigo Summit color palette (#EDDCE2, #81B6E3, #6073F2, #006C6E, #1D0038)
• Timeworn Cobalt Drift color palette (#E7DAE4, #65ADBB, #007CB7, #006043, #02002F)
• Aged Corridor color palette (#E6E0D7, #719D8E, #0057A7, #003A44, #02002E)
• Tempered Ultramarine color palette (#D3E7FF, #5D8BDC, #005CD5, #00386D, #000207)
• Airy Station color palette (#CFE7E2, #008899, #00688E, #0032A2, #0A0025)
• Washed Azure color palette (#E2F0FF, #2895F0, #904900, #005695, #0E0300)
• Airy Bloom color palette (#D4E8F7, #AAA4D8, #D570BA, #007E74, #000F2E)
• Airy Study color palette (#FDECDD, #1081B7, #132E8D, #001F1E, #020008)

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