Midnight Sapphire color palette — #D7E6FF · #3F6AE7 · #251D42 · #1A151E · #000311

Sapphire takes the lead with Deep Indigo close behind in a set that reads as creativity and energy at first glance.

The five colors

• Frost (#D7E6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Sapphire (#3F6AE7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#251D42): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#1A151E): a grounded near-black with real depth.
• Ink (#000311): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Lowlit Ridge color palette (#DFE3FF, #8752D9, #341737, #190C10, #020211)
• Cobalt Dune color palette (#D0E9FC, #0080B1, #11253F, #1F171A, #00040A)
• Antique Iris color palette (#F1F5FF, #737DE8, #303151, #080E20, #000103)
• Tempered Courtyard color palette (#E4EFFF, #4B83FF, #604870, #1F3049, #00050B)
• Midnight Study color palette (#FAE1F5, #1F42C4, #1B103A, #110410, #000304)
• Azure Meadow color palette (#EDF9EF, #D6DEFB, #6295CF, #006877, #0F1B3F)
• Violet Canyon color palette (#DAE4FF, #959AFF, #8559D7, #592083, #330B3D)
• Weathered Lilac color palette (#F8F2FF, #AC74DB, #B57000, #007B75, #140420)

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