Sapphire Canyon color palette — #CDF8F9 · #00C9F0 · #0099CD · #0069BE · #2E3981

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

The five colors

• Honeydew (#CDF8F9): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00C9F0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0099CD): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0069BE): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#2E3981): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Soft Ultramarine color palette (#D4FFFD, #58DFFE, #00A7F0, #005BB2, #233364)
• Softworn Harbor color palette (#C8F1FF, #50B9F2, #397ED2, #4B4E9B, #403465)
• Softworn Teal Coast color palette (#CDE7D9, #00C5B5, #00979D, #006A83, #00456D)
• Muted Alley color palette (#EEF6FF, #8EBFFF, #4587EC, #004EA9, #00284C)
• Soft Corridor color palette (#D8E9F2, #0092E9, #244BD7, #461D9D, #2E004C)
• Antique Iris Dune color palette (#CEEAFF, #9ABCFA, #8084D1, #715A96, #563F65)
• Airy Amber color palette (#D9FFF3, #7FC8FF, #E47B00, #006EA9, #5A2D00)
• Washed Mallow Villa color palette (#DCFEF2, #DFE5FF, #EFAEFF, #2599A8, #34456B)

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