Gentle Sapphire color palette — #EFF6FF · #81ADFF · #CF9918 · #1F64EA · #4D3600

Built around Royal Blue, softened by Mustard — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#81ADFF): A luminous, balanced violet — the color of wild irises.
• Mustard (#CF9918): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#1F64EA): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#4D3600): A deep, shadowed, dusty gold — the color of old brass.

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

• Amber Harbor color palette (#EEF6FF, #8EC4FF, #E27C20, #0069BC, #5B2C00)
• Indigo Hollow color palette (#E8EEFF, #999DF7, #9C9A3D, #6364C5, #393800)
• Indigo Quarry color palette (#FFF0FA, #B8C3FF, #F49810, #6068F0, #442600)
• Washed Ultramarine color palette (#FFF0FD, #6792E2, #9F7800, #0047DC, #4B3700)
• Aged Alley color palette (#CFE0F4, #579CE8, #838F00, #0063B7, #282C00)
• Chalky Hollow color palette (#F3F4FF, #D3AAFF, #6BB03C, #8340BC, #214500)
• Chalky Tangerine Field color palette (#E8F8FF, #00C4DA, #F36D3C, #008796, #671F00)
• Periwinkle Corridor color palette (#E4EBFF, #93AAFF, #8D9C3D, #9B7500, #232D55)

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