Sapphire Pier color palette — #DAE6FC · #465FFC · #281C42 · #1A141D · #000312

Sapphire and Deep Indigo set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#DAE6FC): A whisper-light, dusty violet — the color of a velvet chair.
• Sapphire (#465FFC): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#281C42): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#1A141D): a grounded near-black with real depth.
• Ink (#000312): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Sapphire Pier 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

• Smoked Byzantium color palette (#E1E3FA, #9047DE, #361537, #1B101A, #030116)
• Muted Cornflower Terrace color palette (#D3E4FF, #5781FF, #634671, #243044, #00050B)
• Cobalt Workshop color palette (#D4E8F9, #007FB7, #112348, #1B1A22, #00040B)
• Deep Ultramarine Delta color palette (#F1D6EB, #273BCE, #312B31, #220F33, #0D010B)
• Azure Coast color palette (#F0F7F1, #D5DEFB, #5393E7, #00677A, #141B3B)
• Worn Ridge color palette (#F3F4FF, #AF88E2, #494061, #1C1D2C, #04050A)
• Aged Byzantium Delta color palette (#E0E8FF, #ACA4FF, #9442F3, #692B90, #2D0534)
• Powdered Orchard color palette (#F4F4FF, #BD60EE, #B17300, #007B78, #15031F)

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