A color theme inspired by the camping vibe 🏕
A camping-vibes, dark-blue, dark yellow color palette.
Created to keep your workspace clean and minimal, with well-designed contrasted colors, and a convenient palette...
Consisting of three dark soft blue colors followed by three contrary light colors, and a dark yellow accent color with brightness variation, finished with a frill coloring to the palette to give it the shine...
Picking these colors was accompanied by care for the color-coding potential, the convenience of coordination, and the eye-comfortability...
One day I saw Moonlight GMK keycaps, and I somehow fell in love with the colors, so I decided to make a color theme and call it Moonlight and this is the Moonlight color theme birth story.
after a while, I made some wallpapers and then designed some themes for several ports that all have moonlight colors in common, then I came up with this color theme...
 |
# | Color name | root name | HEX | RGB | HSL | Family |
|---|---|---|---|---|---|---|---|
 |
01 | light-I | moonlight-l-i | #c0cedd | rgb(192, 206, 221) | hsl(211, 30%, 81%) | White moon |
 |
02 | light-II | moonlight-l-ii | #99a0a8 | rgb(153, 160, 168) | hsl(212, 8%, 63%) | White moon |
 |
03 | light-III | moonlight-l-iii | #c6c3c0 | rgb(198, 195, 192) | hsl(30, 5%, 76%) | White moon |
 |
04 | dark-I | moonlight-d-i | #191f28 | rgb(25, 31, 40) | hsl(216, 23%, 13%) | Night sky |
 |
05 | dark-II | moonlight-d-ii | #1f2730 | rgb(31, 39, 48) | hsl(212, 22%, 15%) | Night sky |
 |
06 | dark-III | moonlight-d-iii | #374656 | rgb(55, 70, 86) | hsl(211, 22%, 28%) | Night sky |
 |
07 | accent-I | moonlight-a-i | #ecbd7c | rgb(236, 189, 124) | hsl(35, 75%, 71%) | light |
 |
08 | accent-II | moonlight-a-ii | #c69f68 | rgb(198, 159, 104) | hsl(35, 45%, 59%) | light |
 |
09 | accent-III | moonlight-a-iii | #93764d | rgb(147, 118, 77) | hsl(35, 31%, 44%) | light |
 |
10 | color-I | moonlight-c-i | #c68768 | rgb(198, 135, 104) | hsl(20, 45%, 59%) | Frills |
 |
11 | color-II | moonlight-c-ii | #c66868 | rgb(198, 104, 104) | hsl(0, 45%, 59%) | Frills |
 |
12 | color-III | moonlight-c-iii | #c66890 | rgb(198, 104, 144) | hsl(334, 45%, 59%) | Frills |
 |
13 | color-IV | moonlight-c-iv | #6880c6 | rgb(104, 128, 198) | hsl(225, 45%, 59%) | Frills |
 |
14 | color-V | moonlight-c-v | #68aec6 | rgb(104, 174, 198) | hsl(195, 45%, 59%) | Frills |
 |
15 | color-VI | moonlight-c-vi | #9fc76d | rgb(159, 199, 109) | hsl(87, 45%, 60%) | Frills |
So color
light-I is the brightest one that can be used primarily as font color or as a background for white color themes.While color
light-II is a bit more bluish to add some variation to the light colors.On the other side color
light-III is a bit more orange "hotter" color which serves the same purpose as color light-II.
Night Sky palette consists of three colors ranging from
dark-I a dark bluish color that is very useful for an eye-comfortable dark theme background. While
dark-II is a bit much brighter than dark-I.Lastly, we have
dark-III which is a highly saturated and bright color with a distinguished contrast from color dark-I.
light is a yellow color variation that starts from color
accent-I which is the brightest color form this color palette. Then it is followed by the real accent color
accent-II which looks incredible with the night sky family as a background.And finishing with color
accent-III which is the darkest variation of this family.
Frills are the last family in the moonlight color theme which holds six colors with high hue variations and is mostly used to give some life to the themed result.
Starting with color
color-I which is more of a orangic yellowish color, followed by color-II which is more orangic than color-I, going to color-III which is a nice less saturated light pink, followed by color-IV a bluish purplic color that makes a very nice contrast with the background color variations, then going for color-V a less purplic turquoise color, which make a beautiful combination with color-VI a light grassy green color.
