Midnight Sapphire color palette — #F7DCF1 · #4768E9 · #33163D · #12161C · #0A0008
Built around Sapphire, softened by Deep Indigo — the whole palette hums with creativity and energy.
The five colors
- Blush (#F7DCF1): A whisper-light, dusty pink — the color of a candy shop window.
- Sapphire (#4768E9): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#33163D): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#12161C): a grounded near-black with real depth.
- Ink (#0A0008): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Eclipse Cobalt Parlor color palette (#EFE0F1, #0078D1, #2A1946, #0A000C, #000201)
- Shadow Violet Thicket color palette (#F8DDE7, #8A54D0, #3C142A, #221614, #0C0005)
- Worn Indigo Summit color palette (#FFF0F9, #7776F7, #472847, #1B0715, #000201)
- Ultramarine Study color palette (#F6DDEF, #3634CF, #2A0E20, #080B02, #0F000B)
- Patina Pier color palette (#E0EBFF, #657DFF, #584B76, #253045, #01050B)
- Smoked Balcony color palette (#DCE9FF, #3242BC, #402F32, #221031, #02081A)
- Dusty Iris Bloom color palette (#FFF0F9, #877FF5, #009C4E, #007E5E, #0B0627)
- Deep Canyon color palette (#D7EBDF, #00849F, #112050, #112020, #000502)
Browse the whole catalog at Explore, or see today's palette.