Midnight Sapphire color palette — #FDE0F7 · #3755EA · #2D2C56 · #1E0E0B · #130010
Royal Blue and Navy set the tone — five colors that lean into creativity and energy.
The five colors
- Blush (#FDE0F7): A whisper-light, dusty pink — the color of a candy shop window.
- Royal Blue (#3755EA): A full-bodied, vivid violet — the color of wild irises.
- Navy (#2D2C56): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#1E0E0B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Ink (#130010): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.
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
- Deep Amethyst Pier color palette (#FFE6F4, #6940E8, #382950, #07021E, #090102)
- Nocturne Cobalt Workshop color palette (#DAE5F2, #006CBC, #1D3059, #110014, #000201)
- Ultramarine Harbor color palette (#F0D4EB, #1533D5, #1F0C34, #060E12, #070006)
- Faded Pier color palette (#E5E7FA, #7D7FFF, #5B4E88, #462A3D, #10020E)
- Hushed Market color palette (#FBEBEE, #9E1BC3, #4A1F47, #1D1108, #160006)
- Hazy Amethyst color palette (#DEE0EE, #8B6DF4, #7C30DC, #6400A2, #1E002F)
- Petrol Thicket color palette (#D6E9DE, #007791, #00374E, #101E21, #000A04)
- Wisteria Lantern color palette (#FCE9EE, #CD70FF, #7A5B7B, #573741, #1C0B13)
Browse the whole catalog at Explore, or see today's palette.