Sapphire Canyon color palette — #F4EEE4 · #87B7DE · #1363CC · #004D5D · #222954

Royal Blue takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Sky (#87B7DE): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#1363CC): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#222954): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Tempered Cobalt Pier color palette (#F2E7DC, #85BAE3, #5165B0, #004B4B, #1B0C2F)
• Washed Petrol Field color palette (#F3EEE5, #92BDA2, #007297, #00504D, #003051)
• Washed Iris Orchard color palette (#F9EAEF, #97CBF3, #6B81CE, #006C6C, #33244C)
• Periwinkle Bloom color palette (#E2F2F2, #B1D8FA, #68A8EE, #008AB6, #112C59)
• Cerulean Cabin color palette (#FDF4E6, #8CDDEC, #008CB3, #006760, #0F4464)
• Antique Turquoise color palette (#EFE7DC, #58AEB7, #006177, #003F36, #002334)
• Patina Ash Hollow color palette (#F8F5EF, #CAE6EB, #8099CB, #337890, #624A5A)
• Timeworn Lagoon Corridor color palette (#F2ECE2, #299095, #004451, #00231B, #000B12)

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