Gentle Sapphire color palette — #EFF6FF · #A9C8FF · #D8A907 · #2A70FC · #3B2C00

Sapphire takes the lead with Gold close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#A9C8FF): A whisper-light, balanced violet — the color of wild irises.
• Gold (#D8A907): A luminous, balanced gold — the color of afternoon light on wheat.
• Sapphire (#2A70FC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#3B2C00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Gentle Sapphire 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 Atelier color palette (#EDF6FF, #93CEFF, #EF9B08, #0083CB, #422800)
• Worn Indigo color palette (#F1F5FF, #B6B6FF, #BBAA06, #6C63CB, #2D2800)
• Ancient Cabin color palette (#F0F5FF, #A1B4FF, #A98900, #3E49C1, #1F1700)
• Chalky Hollow color palette (#F3F4FF, #E1C7FF, #A6CA66, #9D74C6, #144137)
• Antique Orchid Veranda color palette (#F4F4FF, #DEB2FF, #8FC506, #A543DF, #243500)
• Dusty Azure color palette (#EFF6FF, #E1D9E2, #BCAB9F, #519BD8, #3A355B)
• Ancient Coral color palette (#E9F8FF, #7FE8FF, #EF7767, #008DA4, #54160F)
• Hushed Amethyst Chapel color palette (#F3F4FF, #FFD26F, #804CB5, #3C185C, #060518)

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