Sapphire Canyon color palette — #F1DCF1 · #0064CD · #331E4B · #211122 · #07150D

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

The five colors

• Thistle (#F1DCF1): A whisper-light, dusty pink — the color of neon signs at night.
• Royal Blue (#0064CD): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Indigo (#331E4B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#211122): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#07150D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Creativity, Balance. Tagged noir, dark, luxury, 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

• Velvet Sapphire Thicket color palette (#E5F0FF, #005FE3, #1B2946, #031024, #00040B)
• Obsidian Petrol color palette (#DAEBE5, #0070A4, #292549, #001E16, #000A08)
• Cornflower Grove color palette (#F6E3F4, #307FFF, #593951, #331E32, #011611)
• Shadow Market color palette (#F1E0EB, #513CE5, #3B1A21, #1B0F17, #010809)
• Aged Study color palette (#F6DDE7, #8058BB, #462928, #291920, #120B0D)
• Worn Periwinkle Summit color palette (#D8E8FC, #5FA1FF, #695E8F, #2A4266, #06131B)
• Velvet Aubergine color palette (#FFDFEF, #4C00B0, #251B15, #20001A, #090005)
• Twilit Garnet Ridge color palette (#F1E0DF, #50484E, #55003C, #221908, #0F0000)

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