Whimsical Garden Color Palette
This palette exudes a soft yet vibrant charm, blending earthy beige and muted sage with bold berry tones, creating a cozy and inviting atmosphere reminiscent of a whimsical garden at dusk.
Practical uses and creative applications
The Whimsical Garden Color Palette is a delightful blend of soft and vibrant hues, perfect for adding a touch of charm to any creative project. Featuring gentle greens and warm pinks, this palette includes colors like #d8d3ab, #b0b19f, #784d5f, #ba456a, and #d04969.
It's ideal for branding initiatives that aim to evoke feelings of playfulness and warmth, making it an excellent choice for boutique shops, artisanal brands, or children's products. Whether you're designing a whimsical logo or creating packaging that stands out on the shelf, this palette provides a refreshing aesthetic that captures attention.
Web designers and interior decorators will also find the Whimsical Garden Color Palette to be a versatile choice. Its harmonious blend of colors lends itself beautifully to websites that aim for a friendly, approachable vibe, while also enhancing the coziness of interiors.
Imagine using these colors for a nursery, a creative studio, or even a café that wants to create a welcoming atmosphere. This palette is particularly suited for creatives looking to express a sense of joy and imagination, making it an ideal selection for those wanting to infuse their projects with personality and charm.
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.943 0.023 101.36) | #efeddc | hsl(54, 37%, 90%) |
|
|
100 | oklch(0.927 0.029 102.71) | #eae8d2 | hsl(55, 36%, 87%) |
|
|
200 | oklch(0.909 0.033 99.57) | #e6e2c9 | hsl(52, 37%, 85%) |
|
|
300 | oklch(0.893 0.040 100.92) | #e1ddbf | hsl(53, 36%, 82%) |
|
|
400 | oklch(0.877 0.047 100.58) | #ddd8b5 | hsl(53, 37%, 79%) |
|
|
500 | oklch(0.861 0.053 101.53) | #d8d3ab | hsl(53, 37%, 76%) |
|
|
600 | oklch(0.784 0.082 101.78) | #c3bb7d | hsl(53, 37%, 63%) |
|
|
700 | oklch(0.704 0.105 101.74) | #ada250 | hsl(53, 37%, 50%) |
|
|
800 | oklch(0.563 0.081 101.78) | #7f773b | hsl(53, 37%, 36%) |
|
|
900 | oklch(0.412 0.058 102.04) | #514c25 | hsl(53, 37%, 23%) |
|
|
950 | oklch(0.245 0.029 102.48) | #232110 | hsl(54, 37%, 10%) |
|
dsfds
50 | oklch(0.930 0.007 106.53) | #e8e8e3 | hsl(60, 10%, 90%) |
|
|
100 | oklch(0.895 0.011 106.62) | #ddddd5 | hsl(60, 11%, 85%) |
|
|
200 | oklch(0.861 0.014 106.68) | #d2d2c8 | hsl(60, 10%, 80%) |
|
|
300 | oklch(0.825 0.018 110.35) | #c6c7ba | hsl(65, 10%, 75%) |
|
|
400 | oklch(0.790 0.021 109.96) | #bbbcad | hsl(64, 10%, 71%) |
|
|
500 | oklch(0.755 0.025 109.58) | #b0b19f | hsl(63, 10%, 66%) |
|
|
600 | oklch(0.669 0.033 109.29) | #969780 | hsl(63, 10%, 55%) |
|
|
700 | oklch(0.572 0.033 109.52) | #797a64 | hsl(63, 10%, 44%) |
|
|
800 | oklch(0.465 0.027 110.15) | #5a5b4a | hsl(64, 10%, 32%) |
|
|
900 | oklch(0.351 0.020 111.30) | #3b3c30 | hsl(65, 11%, 21%) |
|
|
950 | oklch(0.225 0.009 107.13) | #1c1c17 | hsl(60, 10%, 10%) |
|
dsfds
50 | oklch(0.917 0.014 347.97) | #ebe0e5 | hsl(333, 22%, 90%) |
|
|
100 | oklch(0.830 0.029 352.08) | #d7c0c9 | hsl(337, 22%, 80%) |
|
|
200 | oklch(0.740 0.044 351.56) | #c2a0ae | hsl(335, 22%, 69%) |
|
|
300 | oklch(0.651 0.062 352.41) | #ae8093 | hsl(335, 22%, 59%) |
|
|
400 | oklch(0.559 0.077 353.22) | #986178 | hsl(335, 22%, 49%) |
|
|
500 | oklch(0.474 0.063 353.05) | #784d5f | hsl(335, 22%, 39%) |
|
|
600 | oklch(0.425 0.054 353.03) | #664251 | hsl(335, 21%, 33%) |
|
|
700 | oklch(0.373 0.047 352.01) | #543643 | hsl(334, 22%, 27%) |
|
|
800 | oklch(0.322 0.039 352.84) | #432b35 | hsl(335, 22%, 22%) |
|
|
900 | oklch(0.265 0.031 351.12) | #311f27 | hsl(333, 23%, 16%) |
|
|
950 | oklch(0.208 0.020 350.06) | #1f1419 | hsl(333, 22%, 10%) |
|
dsfds
50 | oklch(0.909 0.027 357.22) | #f1dae1 | hsl(342, 45%, 90%) |
|
|
100 | oklch(0.836 0.051 357.76) | #e6bcc9 | hsl(341, 46%, 82%) |
|
|
200 | oklch(0.763 0.077 357.68) | #db9eb2 | hsl(340, 46%, 74%) |
|
|
300 | oklch(0.693 0.102 359.66) | #d0819a | hsl(341, 46%, 66%) |
|
|
400 | oklch(0.624 0.129 1.45) | #c56382 | hsl(341, 46%, 58%) |
|
|
500 | oklch(0.560 0.154 3.94) | #ba456a | hsl(341, 46%, 50%) |
|
|
600 | oklch(0.494 0.133 3.73) | #9c3a59 | hsl(341, 46%, 42%) |
|
|
700 | oklch(0.425 0.112 3.45) | #7e2f48 | hsl(341, 46%, 34%) |
|
|
800 | oklch(0.356 0.091 3.44) | #612437 | hsl(341, 46%, 26%) |
|
|
900 | oklch(0.281 0.067 2.91) | #431926 | hsl(341, 46%, 18%) |
|
|
950 | oklch(0.202 0.040 1.95) | #250e15 | hsl(342, 45%, 10%) |
|
dsfds
50 | oklch(0.904 0.036 0.44) | #f5d6de | hsl(345, 61%, 90%) |
|
|
100 | oklch(0.838 0.061 2.79) | #edbac6 | hsl(346, 59%, 83%) |
|
|
200 | oklch(0.774 0.088 3.86) | #e69eaf | hsl(346, 59%, 76%) |
|
|
300 | oklch(0.712 0.117 5.24) | #df8298 | hsl(346, 59%, 69%) |
|
|
400 | oklch(0.651 0.145 7.11) | #d76580 | hsl(346, 59%, 62%) |
|
|
500 | oklch(0.599 0.171 9.60) | #d04969 | hsl(346, 59%, 55%) |
|
|
600 | oklch(0.532 0.175 11.94) | #bb3051 | hsl(346, 59%, 46%) |
|
|
700 | oklch(0.455 0.146 11.70) | #962741 | hsl(346, 59%, 37%) |
|
|
800 | oklch(0.375 0.118 11.25) | #721d31 | hsl(346, 59%, 28%) |
|
|
900 | oklch(0.291 0.086 10.66) | #4d1421 | hsl(346, 59%, 19%) |
|
|
950 | oklch(0.201 0.052 7.17) | #290a12 | hsl(345, 61%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.