Dreamy Serenity Color Palette
This palette radiates a serene, dreamy vibe with soft cream, muted lavender, cool teal, deep slate, and rich plum, evoking a cozy yet sophisticated atmosphere perfect for tranquil escapes.
Practical uses and creative applications
The *Dreamy Serenity Color Palette* is an exquisite blend of soft and muted tones designed to evoke a sense of calm and tranquility. Featuring a delicate cream (#ffffea), gentle lavender (#a795a5), soothing teal (#7a959e), deep slate (#424e5e), and a rich plum (#3b2b46), this palette is ideal for those looking to create a serene atmosphere in their projects.
Whether you're a designer, artist, or creative professional, these colors can elevate your branding, web design, packaging, or interior spaces by instilling a feeling of peace and harmony. Perfect for wellness brands, lifestyle blogs, or any venture that emphasizes mindfulness, the *Dreamy Serenity Color Palette* aligns beautifully with modern aesthetics.
Its calming hues are exceptionally suited for minimalist designs or bohemian styles, making it a versatile choice for creatives aiming to convey a message of relaxation and balance. Use this palette to craft inviting websites, elegant product packaging, or soothing interiors that resonate with your audience's desire for serenity and beauty.
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.988 0.065 107.54) | #ffffcc | hsl(60, 100%, 90%) |
|
|
| 100 | oklch(0.989 0.058 107.41) | #ffffd2 | hsl(60, 100%, 91%) |
|
|
| 200 | oklch(0.990 0.050 107.29) | #ffffd8 | hsl(60, 100%, 92%) |
|
|
| 300 | oklch(0.992 0.043 107.16) | #ffffde | hsl(60, 100%, 94%) |
|
|
| 400 | oklch(0.993 0.035 107.02) | #ffffe4 | hsl(60, 100%, 95%) |
|
|
| 500 | oklch(0.994 0.027 106.89) | #ffffea | hsl(60, 100%, 96%) |
|
|
| 600 | oklch(0.977 0.132 108.61) | #ffff92 | hsl(60, 100%, 79%) |
|
|
| 700 | oklch(0.969 0.197 109.58) | #ffff3b | hsl(60, 100%, 62%) |
|
|
| 800 | oklch(0.884 0.193 109.77) | #e2e200 | hsl(60, 100%, 44%) |
|
|
| 900 | oklch(0.616 0.134 109.77) | #8b8b00 | hsl(60, 100%, 27%) |
|
|
| 950 | oklch(0.311 0.068 109.77) | #333300 | hsl(60, 100%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.008 332.13) | #e8e3e7 | hsl(312, 10%, 90%) |
|
|
| 100 | oklch(0.877 0.011 330.16) | #dbd4da | hsl(309, 9%, 85%) |
|
|
| 200 | oklch(0.831 0.017 328.81) | #cec4cd | hsl(306, 9%, 79%) |
|
|
| 300 | oklch(0.784 0.022 328.15) | #c1b4c0 | hsl(305, 9%, 73%) |
|
|
| 400 | oklch(0.739 0.025 330.09) | #b4a5b2 | hsl(308, 9%, 68%) |
|
|
| 500 | oklch(0.691 0.031 329.45) | #a795a5 | hsl(307, 9%, 62%) |
|
|
| 600 | oklch(0.601 0.041 330.38) | #8f788c | hsl(308, 9%, 52%) |
|
|
| 700 | oklch(0.511 0.037 329.37) | #735f71 | hsl(306, 10%, 41%) |
|
|
| 800 | oklch(0.418 0.029 330.50) | #564754 | hsl(308, 10%, 31%) |
|
|
| 900 | oklch(0.320 0.021 329.30) | #392f38 | hsl(306, 10%, 20%) |
|
|
| 950 | oklch(0.212 0.011 332.75) | #1c171b | hsl(312, 10%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.006 223.46) | #e2e7e9 | hsl(197, 14%, 90%) |
|
|
| 100 | oklch(0.872 0.012 217.55) | #cdd7da | hsl(194, 15%, 83%) |
|
|
| 200 | oklch(0.817 0.017 221.12) | #b8c6cb | hsl(196, 15%, 76%) |
|
|
| 300 | oklch(0.764 0.023 218.68) | #a3b6bc | hsl(194, 16%, 69%) |
|
|
| 400 | oklch(0.708 0.027 221.72) | #8fa5ad | hsl(196, 15%, 62%) |
|
|
| 500 | oklch(0.652 0.033 220.05) | #7a959e | hsl(195, 16%, 55%) |
|
|
| 600 | oklch(0.575 0.034 220.18) | #637e87 | hsl(195, 15%, 46%) |
|
|
| 700 | oklch(0.494 0.030 218.34) | #4f666d | hsl(194, 16%, 37%) |
|
|
| 800 | oklch(0.408 0.023 217.61) | #3c4d52 | hsl(194, 15%, 28%) |
|
|
| 900 | oklch(0.317 0.016 221.93) | #293438 | hsl(196, 15%, 19%) |
|
|
| 950 | oklch(0.218 0.008 223.87) | #161b1d | hsl(197, 14%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.008 253.86) | #e1e5ea | hsl(213, 18%, 90%) |
|
|
| 100 | oklch(0.824 0.018 256.29) | #bec6d1 | hsl(215, 17%, 78%) |
|
|
| 200 | oklch(0.727 0.029 255.13) | #9ba8b9 | hsl(214, 18%, 67%) |
|
|
| 300 | oklch(0.625 0.040 256.01) | #7889a0 | hsl(215, 17%, 55%) |
|
|
| 400 | oklch(0.523 0.040 256.41) | #5b6b81 | hsl(215, 17%, 43%) |
|
|
| 500 | oklch(0.420 0.031 255.69) | #424e5e | hsl(214, 18%, 31%) |
|
|
| 600 | oklch(0.380 0.027 256.82) | #394351 | hsl(215, 17%, 27%) |
|
|
| 700 | oklch(0.341 0.023 253.59) | #303944 | hsl(213, 17%, 23%) |
|
|
| 800 | oklch(0.299 0.021 257.27) | #272e38 | hsl(215, 18%, 19%) |
|
|
| 900 | oklch(0.255 0.017 259.77) | #1e232b | hsl(217, 18%, 14%) |
|
|
| 950 | oklch(0.211 0.012 254.09) | #15191e | hsl(213, 18%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.019 312.79) | #e7dfec | hsl(277, 25%, 90%) |
|
|
| 100 | oklch(0.796 0.043 312.24) | #c6b5d1 | hsl(276, 23%, 76%) |
|
|
| 200 | oklch(0.673 0.071 310.63) | #a48ab7 | hsl(275, 24%, 63%) |
|
|
| 300 | oklch(0.549 0.099 310.22) | #83609c | hsl(275, 24%, 49%) |
|
|
| 400 | oklch(0.437 0.077 310.60) | #5f4571 | hsl(275, 24%, 36%) |
|
|
| 500 | oklch(0.319 0.051 310.81) | #3b2b46 | hsl(276, 24%, 22%) |
|
|
| 600 | oklch(0.297 0.047 312.25) | #35263e | hsl(278, 24%, 20%) |
|
|
| 700 | oklch(0.276 0.041 309.97) | #2e2237 | hsl(274, 24%, 17%) |
|
|
| 800 | oklch(0.252 0.037 311.74) | #281d2f | hsl(277, 24%, 15%) |
|
|
| 900 | oklch(0.227 0.031 311.32) | #211827 | hsl(276, 24%, 12%) |
|
|
| 950 | oklch(0.203 0.028 311.98) | #1b1320 | hsl(277, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
