Airy Sapphire Canyon color palette — #E3EDF8 · #196AC2 · #804800 · #00356C · #100500

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

The five colors

• Frost (#E3EDF8): bright and airy, almost weightless.
• Royal Blue (#196AC2): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#804800): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#00356C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#100500): 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 Canyon 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

• Hazy Nightshade Field color palette (#D6E5FF, #4A5FCA, #715200, #1E00A2, #0C0700)
• Ancient Terracotta color palette (#D7EEFB, #007791, #9A2C00, #003D4B, #150200)
• Antique Study color palette (#E2E4F3, #794EBE, #506000, #460083, #060900)
• Weathered Field color palette (#CEE1F3, #0072B5, #006C27, #003C62, #002207)
• Weathered Ultramarine color palette (#D7DFF5, #3545BF, #7A3500, #463B00, #010019)
• Powdered Nightshade Parlor color palette (#FDE2F9, #5D92FF, #BE4A00, #002BB5, #320E00)
• Tempered Aubergine color palette (#DBE2FB, #876AF1, #896E00, #5400C0, #1D1500)
• Azure Courtyard color palette (#D5F7EE, #2F96ED, #009347, #005089, #000B02)

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