Sapphire Garden color palette — #EFF6FF · #7DAEFF · #CA9B18 · #0164EE · #4B3700

A conversation between Royal Blue and Mustard, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#7DAEFF): A luminous, balanced violet — the color of wild irises.
• Mustard (#CA9B18): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#0164EE): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#4B3700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Sapphire Garden 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

• Antique Amber color palette (#EDF6FF, #7EC8FF, #D68600, #006FA8, #543100)
• Frosted Lapis Chapel color palette (#E8EEFF, #ADB0FF, #A59700, #5853B2, #3C3600)
• Ancient Quarry color palette (#FFEFFF, #A0C7FF, #EEB922, #3F8BF3, #4B3700)
• Linen Corridor color palette (#D0DFFA, #738EFF, #9E8500, #3E50D2, #312800)
• Pale Cornflower Courtyard color palette (#EEF6FF, #2A95FD, #9C7A00, #005DA9, #4A3800)
• Gentle Cornflower Grove color palette (#FFF0FE, #A6C9FF, #21CD8B, #1876FA, #003823)
• Dusty Clover color palette (#F3F4FF, #C8A4F4, #87B558, #906CBB, #1D4C43)
• Pale Summit color palette (#F4F4FF, #D6A8FF, #7EAD00, #901BD2, #2E4200)

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