Midnight Sapphire color palette — #F4DBF0 · #1254F6 · #282B5E · #00041F · #040005
A conversation between Royal Blue and Navy, giving this palette its sense of creativity and calm.
The five colors
- Blush (#F4DBF0): A whisper-light, dusty pink — the color of peonies in June.
- Royal Blue (#1254F6): A full-bodied, vivid violet — the color of wild irises.
- Navy (#282B5E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#00041F): A deep, shadowed, dusty violet — the color of wild irises.
- Black (#040005): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Calm, 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
- Eclipse Lapis Atelier color palette (#E0E3FF, #5D41F1, #352A51, #23100B, #13000D)
- Cellar Ultramarine color palette (#F8E8F7, #0046BC, #1D0C38, #050D11, #070007)
- Petrol Pier color palette (#C4EBDF, #006FB1, #1B3255, #141D22, #000A07)
- Iris Archive color palette (#FCDEF4, #7183FF, #575280, #46293F, #0E030E)
- Lowlit Byzantium Courtyard color palette (#FFE8EF, #942BC8, #432545, #0F0019, #040100)
- Nocturne Navy Orchard color palette (#E0E9F7, #001A9B, #16101A, #040023, #000105)
- Amethyst Hollow color palette (#E8EDFF, #7A71F8, #6E37E9, #5600A8, #20003A)
- Softworn Grape Terrace color palette (#ECDAE2, #976BFA, #009294, #7221DF, #001314)
Browse the whole catalog at Explore, or see today's palette.