Sapphire Canyon color palette — #F3DDF2 · #076DF1 · #271D3F · #12161C · #0A010A

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

The five colors

• Blush (#F3DDF2): A whisper-light, dusty pink — the color of a candy shop window.
• Royal Blue (#076DF1): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Indigo (#271D3F): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#12161C): a grounded near-black with real depth.
• Ink (#0A010A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

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

• Obsidian Ultramarine color palette (#EDD8EB, #0042CD, #11133D, #1F1110, #0D010D)
• Twilit Violet Grove color palette (#FCDAEB, #7A59DA, #3A191F, #1F1A0B, #0B0006)
• Cobalt Orchard color palette (#C6F0E2, #007EBC, #1D2143, #0D141B, #000503)
• Cornflower Alley color palette (#E4EFFF, #5088EE, #48507A, #1E304A, #00050E)
• Hushed Lilac color palette (#FFF0F7, #9F8FE2, #5A3D42, #281921, #080407)
• Worn Azure Corridor color palette (#FFF3EA, #C7ECFF, #6195D1, #006A6A, #141746)
• Worn Violet color palette (#D9EDFF, #8BA6FF, #8165DB, #602888, #3A0A41)
• Aubergine Harbor color palette (#EFE5FF, #6800AC, #3B3630, #1A0D04, #10000B)

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