Starry Night Color Palette
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%)
Want a custom palette from your own photo?
PhotoTones extracts hex codes from any image in under a second — free and private.
Open the Color Palette from Image GeneratorHex Codes at a Glance
#E2E8F0, #94A3B8, #6366F1, #4338CA, #1E1B4B, #020617
How to Use This Palette
- In CSS: Paste each hex into your
:rootcustom properties or directly intobackground-color/colordeclarations. - 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.jsfile insidetheme.extend.colors, then use classes likebg-palette-500. - In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import
.swatchesand.asefiles.
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.