Sapphire Villa color palette — #F7EAF0 · #77BBDC · #2E66B7 · #005147 · #2C284C

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Blush (#F7EAF0): bright and airy, almost weightless.
• Sky (#77BBDC): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#2E66B7): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2C284C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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 Orchard color palette (#FDF2F5, #9BCCEE, #5A74BC, #00605D, #3E3359)
• Wandering Petrol Grove color palette (#E7EBDE, #85BCD9, #0072AA, #004959, #00172D)
• Softworn Spruce color palette (#EDE5EE, #3CB3AF, #006177, #01420B, #00203D)
• Forest Workshop color palette (#FBF2FA, #77E2E6, #008CB5, #006B33, #264164)
• Ancient Thicket color palette (#FBF2F6, #D9DEEF, #849ABD, #4A7780, #4D5165)
• Sunlit Periwinkle Loft color palette (#F4EDE8, #B3DECC, #65A8F4, #009191, #21275C)
• Tempered Taupe color palette (#F7F0FF, #FFAFA6, #AA973E, #604B8A, #422F44)
• Plum Studio color palette (#FFE1EA, #C1006B, #006D66, #005060, #281730)

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