Sapphire Villa color palette — #FFF3E7 · #9FD2FB · #3D6FED · #005058 · #0D022D

Sapphire and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sky (#9FD2FB): A whisper-light, dusty blue — the color of deep harbor water.
• Sapphire (#3D6FED): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0D022D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Tempered Cobalt Meadow color palette (#FDF3ED, #87DAEF, #0084BA, #005347, #000B25)
• Hushed Nightshade Atelier color palette (#F0E1E6, #7DA1BF, #394EAB, #003939, #100026)
• Hazy Cornflower Archive color palette (#E0EEED, #8FC6F4, #3594F5, #00779F, #051C46)
• Patina Petrol color palette (#FCEAE2, #6CC7D2, #007193, #003F2F, #000308)
• Antique Drift color palette (#FFF2EC, #B6F2F6, #00A1C7, #006D4C, #002037)
• Washed Cobalt color palette (#FDEBD8, #DD8922, #006EC6, #704000, #000716)
• Timeworn Pier color palette (#FEF3E7, #DBD5DF, #90A9FF, #008598, #372C5A)
• Patina Studio color palette (#FFD9BC, #B46200, #00749F, #533DA9, #040100)

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