Northern Lights · Luna UI

Source

5 colors · #020316 · #5C2755 · #D4AA70 · #783014 · #6A7543

Colors in Northern Lights
Color	RGB	HSL
#020316	2 3 22	237° 83% 5%
#5C2755	92 39 85	308° 40% 26%
#D4AA70	212 170 112	35° 54% 64%
#783014	120 48 20	17° 71% 27%
#6A7543	106 117 67	73° 27% 36%

Gradient text Gradient background Markdown

Hex list

#020316, #5C2755, #D4AA70, #783014, #6A7543

CSS variables

:root {
  --northern-lights-1: #020316;
  --northern-lights-2: #5C2755;
  --northern-lights-3: #D4AA70;
  --northern-lights-4: #783014;
  --northern-lights-5: #6A7543;
}

Tailwind v4

@theme {
  --color-northern-lights-1: #020316;
  --color-northern-lights-2: #5C2755;
  --color-northern-lights-3: #D4AA70;
  --color-northern-lights-4: #783014;
  --color-northern-lights-5: #6A7543;
}

JSON

{
  "name": "Northern Lights",
  "colors": [
    "#020316",
    "#5C2755",
    "#D4AA70",
    "#783014",
    "#6A7543"
  ],
  "source": "https://samanthadigital.com/nature-color-palette-ideas/"
}

Aesthetic styles