Sapphire Canyon color palette — #F0E7DE · #94B8D8 · #4965B8 · #004A54 · #170939

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

The five colors

• Parchment (#F0E7DE): bright and airy, almost weightless.
• Sky (#94B8D8): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#4965B8): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#170939): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Antique Petrol color palette (#F4E6DE, #97BEA7, #0072A9, #004C43, #000F41)
• Frosted Sapphire Orchard color palette (#ECF1E3, #8BB6DD, #1467BE, #004B68, #1B2D4F)
• Muted Villa color palette (#EEE4E0, #60A9B4, #006180, #003B2D, #000B1C)
• Washed Cobalt color palette (#FDEEE7, #A1DBE9, #128CC5, #006356, #002155)
• Abyss Harbor color palette (#E9DBD4, #43848A, #004255, #002015, #000104)
• Washed Forest color palette (#E0F8DD, #8DCAE9, #9098D8, #00734A, #001F22)
• Quiet Basin color palette (#D7E3D5, #00938A, #BF2246, #00524D, #2A0007)
• Emerald Studio color palette (#D2EED3, #05A069, #00685D, #003D41, #001C26)

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