Serene Garden Color Palette
This palette exudes a serene yet sophisticated vibe, blending soft buttery yellows and muted greens with deep earthy purples and rich burgundy, evoking a tranquil garden at dusk.
Practical uses and creative applications
The 'Serene Garden Color Palette' is a harmonious blend of soft pastels and earthy tones, making it an ideal choice for designers and creatives looking to evoke tranquility and balance in their projects. Featuring soothing shades like #f4e196, a gentle cream, and #a6bf91, a calming sage green, this palette is perfect for branding initiatives that aim to convey a sense of peace and natural beauty.
Whether used in web design to create a serene user experience or in packaging to attract eco-conscious consumers, these colors resonate with those seeking a touch of elegance and comfort. This palette also shines in interior design, where its rich yet muted colors can transform a space into a serene retreat.
The deeper hues, such as #78576b and #400428, add depth and sophistication, making it suitable for cozy living rooms or tranquil bedrooms. Ideal for wellness brands, artisanal goods, or lifestyle products, the 'Serene Garden Color Palette' appeals to a wide audience of designers, marketers, and homeowners looking to create spaces and products that reflect a peaceful, nature-inspired aesthetic.
Embrace the calming essence of this palette to bring your creative visions to life!.
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.959 0.044 95.85) | #faf2d1 | hsl(48, 80%, 90%) |
|
|
| 100 | oklch(0.948 0.055 94.75) | #f9eec5 | hsl(47, 81%, 87%) |
|
|
| 200 | oklch(0.938 0.066 95.21) | #f8ebb9 | hsl(48, 82%, 85%) |
|
|
| 300 | oklch(0.928 0.076 96.15) | #f6e8ae | hsl(48, 80%, 82%) |
|
|
| 400 | oklch(0.917 0.086 95.41) | #f5e4a2 | hsl(48, 81%, 80%) |
|
|
| 500 | oklch(0.908 0.097 95.63) | #f4e196 | hsl(48, 81%, 77%) |
|
|
| 600 | oklch(0.858 0.140 95.09) | #edcf58 | hsl(48, 81%, 64%) |
|
|
| 700 | oklch(0.814 0.162 92.57) | #e7be1a | hsl(48, 81%, 50%) |
|
|
| 800 | oklch(0.649 0.129 93.02) | #aa8c12 | hsl(48, 81%, 37%) |
|
|
| 900 | oklch(0.470 0.092 93.64) | #6c590b | hsl(48, 82%, 23%) |
|
|
| 950 | oklch(0.270 0.050 95.26) | #2e2605 | hsl(48, 80%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.019 130.19) | #e5ecdf | hsl(92, 25%, 90%) |
|
|
| 100 | oklch(0.902 0.029 130.75) | #d8e3cf | hsl(93, 26%, 85%) |
|
|
| 200 | oklch(0.871 0.038 130.43) | #ccdac0 | hsl(92, 26%, 80%) |
|
|
| 300 | oklch(0.838 0.049 130.84) | #bfd1b0 | hsl(93, 26%, 75%) |
|
|
| 400 | oklch(0.807 0.058 130.72) | #b3c8a1 | hsl(92, 26%, 71%) |
|
|
| 500 | oklch(0.774 0.069 131.09) | #a6bf91 | hsl(93, 26%, 66%) |
|
|
| 600 | oklch(0.698 0.092 131.52) | #89aa6d | hsl(92, 26%, 55%) |
|
|
| 700 | oklch(0.601 0.091 132.13) | #6c8c52 | hsl(93, 26%, 44%) |
|
|
| 800 | oklch(0.487 0.071 131.49) | #51683d | hsl(92, 26%, 32%) |
|
|
| 900 | oklch(0.365 0.050 131.39) | #354428 | hsl(92, 26%, 21%) |
|
|
| 950 | oklch(0.232 0.026 131.19) | #192013 | hsl(92, 25%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.013 172.35) | #e0ebe7 | hsl(158, 22%, 90%) |
|
|
| 100 | oklch(0.873 0.025 170.88) | #c6dbd3 | hsl(157, 23%, 82%) |
|
|
| 200 | oklch(0.815 0.038 170.65) | #abcbbf | hsl(158, 24%, 73%) |
|
|
| 300 | oklch(0.757 0.051 168.26) | #91bbaa | hsl(156, 24%, 65%) |
|
|
| 400 | oklch(0.698 0.063 167.47) | #77ab96 | hsl(156, 24%, 57%) |
|
|
| 500 | oklch(0.636 0.071 167.06) | #5f9982 | hsl(156, 23%, 49%) |
|
|
| 600 | oklch(0.562 0.062 166.45) | #50816d | hsl(156, 23%, 41%) |
|
|
| 700 | oklch(0.483 0.051 167.98) | #416859 | hsl(157, 23%, 33%) |
|
|
| 800 | oklch(0.404 0.041 167.22) | #325044 | hsl(156, 23%, 25%) |
|
|
| 900 | oklch(0.320 0.031 165.84) | #23382f | hsl(154, 23%, 18%) |
|
|
| 950 | oklch(0.227 0.018 170.28) | #141f1b | hsl(158, 22%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.012 342.66) | #eae1e6 | hsl(327, 18%, 90%) |
|
|
| 100 | oklch(0.836 0.022 339.67) | #d4c4ce | hsl(323, 16%, 80%) |
|
|
| 200 | oklch(0.754 0.035 340.06) | #bfa7b6 | hsl(323, 16%, 70%) |
|
|
| 300 | oklch(0.669 0.047 342.06) | #aa8a9d | hsl(324, 16%, 60%) |
|
|
| 400 | oklch(0.583 0.061 342.46) | #956d85 | hsl(324, 16%, 51%) |
|
|
| 500 | oklch(0.498 0.052 342.17) | #78576b | hsl(324, 16%, 41%) |
|
|
| 600 | oklch(0.445 0.046 342.07) | #664a5b | hsl(324, 16%, 35%) |
|
|
| 700 | oklch(0.390 0.039 341.93) | #543d4b | hsl(323, 16%, 28%) |
|
|
| 800 | oklch(0.334 0.032 341.72) | #42303b | hsl(323, 16%, 22%) |
|
|
| 900 | oklch(0.274 0.023 345.17) | #30232a | hsl(328, 16%, 16%) |
|
|
| 950 | oklch(0.209 0.017 344.25) | #1e151a | hsl(327, 18%, 10%) |
|
dsfds
| 50 | oklch(0.901 0.061 341.71) | #fccfea | hsl(324, 88%, 90%) |
|
|
| 100 | oklch(0.762 0.160 344.36) | #f785ca | hsl(324, 88%, 75%) |
|
|
| 200 | oklch(0.663 0.238 348.87) | #f33caa | hsl(324, 88%, 59%) |
|
|
| 300 | oklch(0.571 0.232 352.74) | #d30d84 | hsl(324, 88%, 44%) |
|
|
| 400 | oklch(0.420 0.168 352.20) | #8a0956 | hsl(324, 88%, 29%) |
|
|
| 500 | oklch(0.250 0.097 349.89) | #400428 | hsl(324, 88%, 13%) |
|
|
| 600 | oklch(0.243 0.093 349.89) | #3d0426 | hsl(324, 88%, 13%) |
|
|
| 700 | oklch(0.235 0.090 349.89) | #3a0424 | hsl(324, 87%, 12%) |
|
|
| 800 | oklch(0.224 0.087 348.81) | #360322 | hsl(324, 89%, 11%) |
|
|
| 900 | oklch(0.217 0.083 348.76) | #330320 | hsl(324, 89%, 11%) |
|
|
| 950 | oklch(0.210 0.080 348.71) | #30031e | hsl(324, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
