Sapphire Villa color palette — #FBE8F0 · #77C1EB · #2065BC · #003D3F · #020013

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

The five colors

• Blush (#FBE8F0): A whisper-light, dusty rose — the color of a warm blush.
• Sky (#77C1EB): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#2065BC): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D3F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Balcony color palette (#F7E9F3, #63C9D2, #007291, #00402D, #000308)
• Dusty Harbor color palette (#FEF0FA, #89DDD9, #00899E, #00552E, #000E19)
• Timeworn Study color palette (#F7EAE0, #5698BD, #004694, #002F31, #0E0342)
• Soft Cobalt color palette (#E9EEDC, #88B7D2, #008BD2, #006981, #00142B)
• Tempered Garden color palette (#F0ECFF, #FDB6E5, #DA797F, #3A539C, #12001C)
• Muted Petrol color palette (#FEF1F6, #D8D3DE, #87A6DE, #007E87, #2A2850)
• Byzantium Atelier color palette (#F0E5FB, #8836BF, #4F6100, #274E00, #020006)
• Aubergine Pier color palette (#E0EDFE, #636EFF, #5E00B9, #30004C, #050005)

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