Midnight Sapphire color palette — #F4DDF3 · #2970E2 · #2E193F · #0B000B · #000201

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Blush (#F4DDF3): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#2970E2): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Deep Indigo (#2E193F): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#0B000B): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, 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

• Muted Thicket color palette (#E1EAF9, #4984FF, #524C7C, #213046, #01050A)
• Charred Cobalt color palette (#CEEEE3, #007DBF, #39172B, #0D1A1D, #00040B)
• Smoked Violet Study color palette (#F6DEE9, #7D56DD, #39162F, #1B0F06, #0D0006)
• Ancient Ridge color palette (#FFF0FB, #6C82DF, #4A2A32, #1C0618, #000201)
• Shadow Lapis color palette (#F5D8E9, #5441CF, #240024, #070D11, #010009)
• Charred Grove color palette (#D6E7FE, #004ABB, #382D30, #230E33, #020916)
• Aubergine Summit color palette (#FEDEE9, #6A00AA, #522E00, #210C11, #110007)
• Inked Veranda color palette (#FFE7ED, #BA14EB, #4E0F26, #100018, #040002)

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