Starry Night Color Palette

Updated April 17, 2026

A dreamy starry night color palette — indigo, deep violet, silver, and midnight blue. Hex codes for cosmic and nightscape designs.

The Starry Night Palette

• Starlight #E2E8F0 rgb(226, 232, 240) hsl(214, 32%, 91%)
• Moon Silver #94A3B8 rgb(148, 163, 184) hsl(215, 20%, 65%)
• Comet Indigo #6366F1 rgb(99, 102, 241) hsl(239, 84%, 67%)
• Nebula Violet #4338CA rgb(67, 56, 202) hsl(245, 58%, 51%)
• Deep Indigo #1E1B4B rgb(30, 27, 75) hsl(244, 47%, 20%)
• Void #020617 rgb(2, 6, 23) hsl(229, 84%, 5%)

Hex Codes at a Glance

#E2E8F0, #94A3B8, #6366F1, #4338CA, #1E1B4B, #020617

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This starry night palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.