Whimsical Garden Color Palette
This palette radiates a fresh, vibrant energy with soft greens and lively reds, evoking a whimsical garden in full bloom, perfectly blending earthy charm with a bold, playful spirit.
Practical uses and creative applications
The Whimsical Garden Color Palette is a delightful mix of soft and vibrant hues, perfect for infusing creativity and charm into any project. Dominated by gentle greens (#b9d48b and #d3e4c5) and bold accents like the deep red (#8d2036 and #ce0a31), this palette evokes the essence of a blooming garden, making it ideal for branding, web design, and packaging that seeks to convey a playful yet sophisticated vibe.
Whether you’re a designer crafting a whimsical children’s brand or a creative looking to refresh your interior space, these colors can help create an inviting atmosphere that sparks joy. Ideal for designers and creatives in industries such as event planning, fashion, and home decor, the Whimsical Garden palette suits styles ranging from modern boho to vintage chic.
Incorporating these colors into your web design can enhance user engagement, while using them in packaging can attract eco-conscious consumers. For interior spaces, this palette brings warmth and liveliness, making it perfect for cozy cafes or cheerful boutiques.
By embracing this color scheme, you can create enchanting visual stories that resonate with your audience and leave a lasting impression.
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.947 0.025 106.87) | #efefdc | hsl(60, 37%, 90%) |
|
|
| 100 | oklch(0.940 0.028 106.92) | #ededd8 | hsl(60, 37%, 89%) |
|
|
| 200 | oklch(0.931 0.030 106.98) | #eaead3 | hsl(60, 35%, 87%) |
|
|
| 300 | oklch(0.924 0.034 107.05) | #e8e8ce | hsl(60, 36%, 86%) |
|
|
| 400 | oklch(0.918 0.037 107.11) | #e6e6ca | hsl(60, 36%, 85%) |
|
|
| 500 | oklch(0.911 0.041 107.19) | #e4e4c5 | hsl(60, 36%, 83%) |
|
|
| 600 | oklch(0.831 0.076 107.95) | #cccc92 | hsl(60, 36%, 69%) |
|
|
| 700 | oklch(0.752 0.108 108.74) | #b4b45f | hsl(60, 36%, 54%) |
|
|
| 800 | oklch(0.614 0.096 108.92) | #898940 | hsl(60, 36%, 39%) |
|
|
| 900 | oklch(0.442 0.066 108.83) | #565628 | hsl(60, 37%, 25%) |
|
|
| 950 | oklch(0.251 0.032 108.53) | #232310 | hsl(60, 37%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.032 122.65) | #e9f1da | hsl(81, 45%, 90%) |
|
|
| 100 | oklch(0.922 0.046 123.57) | #dfebca | hsl(82, 45%, 86%) |
|
|
| 200 | oklch(0.902 0.061 123.86) | #d6e6ba | hsl(82, 47%, 82%) |
|
|
| 300 | oklch(0.878 0.074 124.68) | #cce0ab | hsl(83, 46%, 77%) |
|
|
| 400 | oklch(0.856 0.087 124.50) | #c3da9b | hsl(82, 46%, 73%) |
|
|
| 500 | oklch(0.832 0.101 125.03) | #b9d48b | hsl(82, 46%, 69%) |
|
|
| 600 | oklch(0.771 0.136 126.05) | #9fc45f | hsl(82, 46%, 57%) |
|
|
| 700 | oklch(0.683 0.143 127.24) | #81a93e | hsl(82, 46%, 45%) |
|
|
| 800 | oklch(0.550 0.112 126.82) | #607d2e | hsl(82, 46%, 34%) |
|
|
| 900 | oklch(0.406 0.079 126.76) | #3e511e | hsl(82, 46%, 22%) |
|
|
| 950 | oklch(0.250 0.041 125.07) | #1d250e | hsl(81, 45%, 10%) |
|
dsfds
| 50 | oklch(0.903 0.038 3.50) | #f6d5dc | hsl(347, 65%, 90%) |
|
|
| 100 | oklch(0.797 0.082 5.51) | #eba7b5 | hsl(348, 63%, 79%) |
|
|
| 200 | oklch(0.695 0.130 8.19) | #e0788d | hsl(348, 63%, 67%) |
|
|
| 300 | oklch(0.609 0.176 12.13) | #d64a66 | hsl(348, 63%, 56%) |
|
|
| 400 | oklch(0.528 0.180 15.17) | #bc2b48 | hsl(348, 63%, 45%) |
|
|
| 500 | oklch(0.430 0.144 14.58) | #8d2036 | hsl(348, 63%, 34%) |
|
|
| 600 | oklch(0.386 0.128 14.35) | #791b2e | hsl(348, 64%, 29%) |
|
|
| 700 | oklch(0.342 0.110 13.60) | #651727 | hsl(348, 63%, 24%) |
|
|
| 800 | oklch(0.295 0.093 13.08) | #51121f | hsl(348, 64%, 19%) |
|
|
| 900 | oklch(0.249 0.073 11.65) | #3d0e18 | hsl(347, 63%, 15%) |
|
|
| 950 | oklch(0.201 0.055 10.69) | #2a0910 | hsl(347, 65%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.054 3.95) | #fdced8 | hsl(347, 92%, 90%) |
|
|
| 100 | oklch(0.800 0.109 6.80) | #faa0b2 | hsl(348, 90%, 80%) |
|
|
| 200 | oklch(0.718 0.165 10.12) | #f8728c | hsl(348, 91%, 71%) |
|
|
| 300 | oklch(0.654 0.214 14.17) | #f64367 | hsl(348, 91%, 61%) |
|
|
| 400 | oklch(0.616 0.241 20.61) | #f41541 | hsl(348, 91%, 52%) |
|
|
| 500 | oklch(0.540 0.214 21.55) | #ce0a31 | hsl(348, 91%, 42%) |
|
|
| 600 | oklch(0.479 0.189 21.00) | #af082a | hsl(348, 91%, 36%) |
|
|
| 700 | oklch(0.414 0.162 20.59) | #8f0722 | hsl(348, 91%, 29%) |
|
|
| 800 | oklch(0.348 0.135 19.42) | #70051b | hsl(348, 91%, 23%) |
|
|
| 900 | oklch(0.277 0.106 18.12) | #500413 | hsl(348, 90%, 16%) |
|
|
| 950 | oklch(0.203 0.076 13.70) | #31020c | hsl(347, 92%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.027 129.81) | #e5efdc | hsl(92, 37%, 90%) |
|
|
| 100 | oklch(0.931 0.031 131.56) | #e1edd8 | hsl(94, 37%, 89%) |
|
|
| 200 | oklch(0.922 0.033 129.71) | #deead3 | hsl(91, 35%, 87%) |
|
|
| 300 | oklch(0.913 0.038 130.40) | #dae8ce | hsl(92, 36%, 86%) |
|
|
| 400 | oklch(0.906 0.041 130.33) | #d7e6ca | hsl(92, 36%, 85%) |
|
|
| 500 | oklch(0.898 0.045 130.86) | #d3e4c5 | hsl(93, 36%, 83%) |
|
|
| 600 | oklch(0.807 0.086 131.58) | #accc92 | hsl(93, 36%, 69%) |
|
|
| 700 | oklch(0.717 0.125 132.13) | #86b45f | hsl(92, 36%, 54%) |
|
|
| 800 | oklch(0.583 0.112 132.64) | #618940 | hsl(93, 36%, 39%) |
|
|
| 900 | oklch(0.421 0.077 132.35) | #3d5628 | hsl(93, 37%, 25%) |
|
|
| 950 | oklch(0.241 0.037 131.33) | #192310 | hsl(92, 37%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
