Serene Midnight Color Palette
This palette evokes a serene yet mysterious vibe, blending deep midnight hues of charcoal and navy with soothing teal and a refreshing touch of soft mint, perfect for a modern, tranquil aesthetic.
Practical uses and creative applications
The Serene Midnight Color Palette offers a harmonious blend of deep, tranquil hues that evoke a sense of calm and sophistication. With the rich tones of #20130a and #142026 grounding the palette, this combination is perfect for branding that seeks to convey a sense of reliability and depth.
The cooler shades of #123142 and #3b657a add a fresh, contemporary touch, making it ideal for web design and digital platforms that aim to create an engaging user experience. Meanwhile, the soft accent of #e9f0c9 provides a light, uplifting contrast that can enhance visual appeal in any application.
Ideal for creatives and designers, the Serene Midnight Color Palette is well-suited for various use cases, from packaging that exudes elegance to interiors designed for relaxation and tranquility. Whether you're crafting a chic brand identity for a wellness company or designing a serene space in a modern home, these colors work harmoniously to set a calming mood.
This palette invites designers looking to inspire peace and sophistication in their projects, ensuring a seamless integration into any aesthetic vision.
Tailwind color scales
Browse Tailwind CSS color scales. Copy OKLCH, HEX, or HSL with one click. Preview colors in real UI examples and check contrast for accessibility.
dsfds
| 50 | oklch(0.926 0.023 56.95) | #f3e3d8 | hsl(24, 53%, 90%) |
|
|
| 100 | oklch(0.803 0.062 55.34) | #dfb599 | hsl(24, 52%, 74%) |
|
|
| 200 | oklch(0.685 0.103 55.12) | #cb8859 | hsl(25, 52%, 57%) |
|
|
| 300 | oklch(0.547 0.103 52.88) | #9f5e32 | hsl(24, 52%, 41%) |
|
|
| 400 | oklch(0.386 0.068 53.88) | #60391e | hsl(25, 52%, 25%) |
|
|
| 500 | oklch(0.202 0.027 55.21) | #20130a | hsl(25, 52%, 8%) |
|
|
| 600 | oklch(0.206 0.028 57.95) | #21140a | hsl(26, 53%, 8%) |
|
|
| 700 | oklch(0.211 0.029 55.95) | #23150b | hsl(25, 52%, 9%) |
|
|
| 800 | oklch(0.213 0.031 54.03) | #24150b | hsl(24, 53%, 9%) |
|
|
| 900 | oklch(0.217 0.030 54.12) | #25160c | hsl(24, 51%, 10%) |
|
|
| 950 | oklch(0.223 0.033 54.75) | #27170c | hsl(24, 53%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.013 228.93) | #dee8ed | hsl(200, 29%, 90%) |
|
|
| 100 | oklch(0.805 0.035 230.35) | #a9c4d2 | hsl(200, 31%, 74%) |
|
|
| 200 | oklch(0.682 0.058 230.29) | #74a0b6 | hsl(200, 31%, 58%) |
|
|
| 300 | oklch(0.549 0.061 231.65) | #4b788f | hsl(200, 31%, 43%) |
|
|
| 400 | oklch(0.401 0.042 232.66) | #304c5b | hsl(201, 31%, 27%) |
|
|
| 500 | oklch(0.235 0.020 230.36) | #142026 | hsl(200, 31%, 11%) |
|
|
| 600 | oklch(0.232 0.019 232.53) | #141f25 | hsl(201, 30%, 11%) |
|
|
| 700 | oklch(0.227 0.020 232.58) | #131e24 | hsl(201, 31%, 11%) |
|
|
| 800 | oklch(0.227 0.018 227.80) | #131e23 | hsl(199, 30%, 11%) |
|
|
| 900 | oklch(0.223 0.018 227.84) | #121d22 | hsl(199, 31%, 10%) |
|
|
| 950 | oklch(0.219 0.017 230.17) | #121c21 | hsl(200, 29%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.024 230.44) | #d7eaf4 | hsl(201, 57%, 90%) |
|
|
| 100 | oklch(0.817 0.061 231.63) | #9ccbe4 | hsl(201, 57%, 75%) |
|
|
| 200 | oklch(0.709 0.095 234.56) | #61abd4 | hsl(201, 57%, 61%) |
|
|
| 300 | oklch(0.599 0.108 236.49) | #3289b8 | hsl(201, 57%, 46%) |
|
|
| 400 | oklch(0.455 0.080 236.17) | #225d7d | hsl(201, 57%, 31%) |
|
|
| 500 | oklch(0.298 0.048 235.53) | #123142 | hsl(201, 57%, 16%) |
|
|
| 600 | oklch(0.284 0.045 236.39) | #112d3d | hsl(202, 56%, 15%) |
|
|
| 700 | oklch(0.268 0.042 236.63) | #0f2938 | hsl(202, 58%, 14%) |
|
|
| 800 | oklch(0.253 0.038 235.77) | #0e2532 | hsl(202, 56%, 13%) |
|
|
| 900 | oklch(0.240 0.035 232.55) | #0c222d | hsl(200, 58%, 11%) |
|
|
| 950 | oklch(0.224 0.032 233.57) | #0b1e28 | hsl(201, 57%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.014 231.22) | #dde8ee | hsl(201, 33%, 90%) |
|
|
| 100 | oklch(0.843 0.032 228.26) | #b7d0dc | hsl(199, 35%, 79%) |
|
|
| 200 | oklch(0.759 0.048 230.49) | #92b7ca | hsl(200, 35%, 68%) |
|
|
| 300 | oklch(0.676 0.066 230.14) | #6c9fb8 | hsl(200, 35%, 57%) |
|
|
| 400 | oklch(0.586 0.071 231.03) | #4d849f | hsl(200, 35%, 46%) |
|
|
| 500 | oklch(0.485 0.058 231.39) | #3b657a | hsl(200, 35%, 35%) |
|
|
| 600 | oklch(0.434 0.050 231.97) | #335668 | hsl(200, 34%, 30%) |
|
|
| 700 | oklch(0.385 0.044 231.20) | #2a4857 | hsl(200, 35%, 25%) |
|
|
| 800 | oklch(0.331 0.036 232.08) | #223945 | hsl(201, 34%, 20%) |
|
|
| 900 | oklch(0.278 0.029 230.86) | #192b34 | hsl(200, 35%, 15%) |
|
|
| 950 | oklch(0.219 0.020 232.69) | #111c22 | hsl(201, 33%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.038 115.07) | #eff4d7 | hsl(70, 57%, 90%) |
|
|
| 100 | oklch(0.952 0.041 114.62) | #eef3d4 | hsl(70, 56%, 89%) |
|
|
| 200 | oklch(0.948 0.044 115.61) | #ecf2d1 | hsl(71, 56%, 88%) |
|
|
| 300 | oklch(0.947 0.047 116.48) | #ebf2cf | hsl(72, 57%, 88%) |
|
|
| 400 | oklch(0.943 0.049 116.05) | #eaf1cc | hsl(71, 57%, 87%) |
|
|
| 500 | oklch(0.940 0.052 115.67) | #e9f0c9 | hsl(71, 57%, 86%) |
|
|
| 600 | oklch(0.873 0.108 117.04) | #d0df8c | hsl(71, 56%, 71%) |
|
|
| 700 | oklch(0.810 0.153 118.67) | #b7ce4f | hsl(71, 56%, 56%) |
|
|
| 800 | oklch(0.674 0.141 119.27) | #8da22d | hsl(71, 57%, 41%) |
|
|
| 900 | oklch(0.480 0.097 118.96) | #58651c | hsl(71, 57%, 25%) |
|
|
| 950 | oklch(0.264 0.047 117.95) | #23280b | hsl(70, 57%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
