Twilit Sapphire color palette — #D1EBFF · #045BE9 · #3300A4 · #170037 · #030005

Royal Blue and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D1EBFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#045BE9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#3300A4): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#170037): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#030005): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.

Use it as a design system

One click turns Twilit 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

• Lapis Boulevard color palette (#E3EDFB, #5338F9, #54009F, #26002F, #030003)
• Moonless Navy Pier color palette (#D4E4F8, #1F4DB0, #220088, #18003E, #10000D)
• Cobalt Quarry color palette (#D4EFF9, #0076BB, #00397F, #140051, #020007)
• Feathered Ridge color palette (#C5E8F7, #007BE3, #553DD7, #58038E, #18001A)
• Antique Amethyst Ridge color palette (#F4E2EC, #6A39F1, #5F5600, #2D0078, #010100)
• Misty Orchid color palette (#F1E9FF, #9C51EA, #5700A0, #0D0021, #020007)
• Grape Villa color palette (#EAE8FE, #5D00D3, #4E4800, #2F3600, #010008)
• Petrol Meadow color palette (#D8F6F6, #007488, #003F56, #001226, #00000C)

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