Sapphire Villa color palette — #F5EDE6 · #8CB8D3 · #3960C3 · #00504C · #30264D

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

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Ash (#8CB8D3): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#3960C3): A full-bodied, vivid violet — the color of wild irises.
• Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#30264D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Petrol Atelier color palette (#F8ECE6, #94BDA0, #0070A2, #005236, #1A2A57)
• Petrol Parlor color palette (#E0EDE3, #7ABCE6, #346DAC, #004955, #07103A)
• Weathered Station color palette (#FBF4EC, #A6CFC4, #6771BA, #005F64, #423254)
• Washed Cobalt Atelier color palette (#FDF3EE, #88DEE8, #008ABD, #006A40, #293F67)
• Denim Studio color palette (#F4E5DB, #319EBA, #004C82, #003126, #0D083C)
• Weathered Periwinkle color palette (#F8EAEF, #B5D8F3, #6CA5FB, #009096, #272755)
• Patina Grape Alley color palette (#E2DFC5, #7A9C21, #7223C6, #3D5100, #301B4F)
• Azure Studio color palette (#FDF5DB, #8CD0A1, #00A5D0, #7F4400, #31312A)

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