Sapphire Canyon color palette — #F1F5FF · #AEC8FF · #2970FD · #0417AB · #000518
Sapphire and Indigo set the tone — five colors that lean into creativity and calm.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Sky (#AEC8FF): A whisper-light, balanced violet — the color of wild irises.
- Sapphire (#2970FD): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#0417AB): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#000518): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Creativity, Calm, Energy, Balance. Tagged monochrome, vibrant, 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
- Indigo Parlor color palette (#F2F5FF, #BFBEFF, #7666FF, #3E009A, #04001B)
- Powdered Ultramarine Thicket color palette (#D2E0FF, #5996FF, #0037F1, #0B0096, #010024)
- Cobalt Harbor color palette (#EEF6FF, #9ED6FF, #0083CE, #004873, #000613)
- Chalky Studio color palette (#E4EDFF, #A0C4FF, #6B9BFF, #214DFF, #001248)
- Worn Lapis Harbor color palette (#FFF0F9, #B8BCFF, #C47A21, #5416EC, #030100)
- Softworn Violet Lantern color palette (#F8F2FF, #CFAEFF, #925BC6, #531370, #0B0014)
- Hazy Nightshade Boulevard color palette (#FFF0FA, #A7D565, #4646B2, #160F52, #01000A)
- Tempered Terrace color palette (#F7F3FF, #E9D3EB, #AC80F2, #5931A2, #1E0047)
Browse the whole catalog at Explore, or see today's palette.