Airy Sapphire color palette — #EFF6FF · #7BAFFF · #D09818 · #246BD5 · #4D3600

Royal Blue and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#7BAFFF): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#D09818): A luminous, balanced gold — the color of old brass.
• Royal Blue (#246BD5): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Olive (#4D3600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Airy 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

• Feathered Indigo color palette (#E8EEFF, #9CA0E9, #A9952C, #6461CC, #3F3500)
• Soft Sapphire Cabin color palette (#FFF0FE, #A6C9FF, #DCA708, #1674F8, #3C2B00)
• Patina Amber color palette (#EDF7FF, #7CC8FF, #E27D1D, #006FA6, #5B2C00)
• Muted Field color palette (#EFF6FF, #5792EF, #A67400, #0054C2, #4F3500)
• Washed Iris Station color palette (#FFF0FA, #B5C0FF, #FFAC66, #737EF3, #592E00)
• Soft Orchard color palette (#E9F8FF, #33D5EF, #DF5945, #008698, #691B11)
• Softworn Byzantium Delta color palette (#F4F4FF, #D5A9FF, #69B127, #8A32C7, #234500)
• Sunlit Ember color palette (#E0ECFF, #6C96FF, #E65B54, #209638, #1E2E57)

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