Sapphire Villa color palette — #ECF9EE · #8FBDE6 · #386AC3 · #005367 · #252670

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sky (#8FBDE6): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#386AC3): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005367): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#252670): A deep, shadowed, balanced 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

• Cobalt Balcony color palette (#EFF8F1, #A7C9E7, #4C79B7, #005D6E, #2A3A59)
• Misty Pier color palette (#FFECF2, #94C1E8, #5463D5, #005153, #250044)
• Sunlit Corridor color palette (#EFF6FF, #C5CAFF, #BF83EB, #00678B, #223160)
• Iris Workshop color palette (#FDF3E9, #9ED0FF, #6E7BFF, #007176, #421868)
• Softworn Station color palette (#FFF4E2, #BADEFF, #79AAFF, #0093B3, #272B64)
• Gentle Navy Chapel color palette (#CEE3E8, #00A4D8, #0067A5, #004191, #40136C)
• Tempered Cerulean Lantern color palette (#F1F7F2, #C1E3EF, #4996AB, #297062, #2F4B5F)
• Timeworn Cornflower Cabin color palette (#D1E7FF, #0087E7, #9D6000, #00508C, #432600)

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