Sapphire Villa color palette — #FFE1EC · #00ABBC · #3B6BE8 · #7C4600 · #001924

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

The five colors

• Rose Water (#FFE1EC): A whisper-light, dusty rose — the color of strawberry cream.
• Cyan (#00ABBC): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#3B6BE8): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#7C4600): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#001924): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged retro.

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

• Lapis Lagoon color palette (#F6EBD7, #0096C3, #654EC9, #5C4300, #000C1C)
• Cobalt Hollow color palette (#F4DDD8, #00B099, #007FB6, #8D3236, #001A1C)
• Pale Ridge color palette (#CAEBF9, #00A2B5, #B33B94, #6B4A00, #1A0F00)
• Byzantium Study color palette (#E0E7CE, #309BFD, #9450C5, #4D5D00, #0C1135)
• Washed Nightshade color palette (#FFEAD8, #009D9F, #3947AC, #422200, #000508)
• Frosted Pier color palette (#F2E79D, #44BCFF, #9A6DF7, #7A6D00, #062657)
• Worn Cobalt Grove color palette (#CFEAFF, #0082BB, #363E69, #051F31, #000204)
• Periwinkle Summit color palette (#C6E8ED, #5DAAEE, #8774B6, #4D7258, #362800)

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