Playful Earthy Color Palette
This palette radiates a playful yet earthy vibe, combining a refreshing minty teal, vibrant chartreuse, cheerful tangerine, soft coral, and warm brown for a lively, sun-kissed atmosphere.
Practical uses and creative applications
The Playful Earthy Color Palette offers a vibrant yet grounded selection of hues that seamlessly blend nature-inspired tones with a splash of whimsy. Featuring refreshing shades like #abece4 and energizing pops of #c4d004 and #ff9f15, this palette is perfect for brands seeking to communicate a sense of fun while remaining connected to the earth.
Ideal for web design, packaging, and branding, these colors can breathe life into any project, making it stand out with a cheerful, organic feel. This palette is particularly well-suited for creative professionals such as graphic designers, interior decorators, and marketing specialists who want to evoke a mood of warmth and playfulness.
Whether you're designing a playful children's brand or infusing a cozy vibe into an interior space, colors like #fb7991 and #926d40 create a balanced harmony that appeals to diverse audiences. Use this palette to craft engaging visual identities that resonate emotionally, inviting customers into a lively yet earthy experience.
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.948 0.035 187.70) | #d5f6f2 | hsl(173, 65%, 90%) |
|
|
| 100 | oklch(0.938 0.041 187.02) | #cdf4ef | hsl(172, 64%, 88%) |
|
|
| 200 | oklch(0.927 0.048 186.64) | #c4f2ec | hsl(172, 64%, 86%) |
|
|
| 300 | oklch(0.917 0.054 186.14) | #bcf0e9 | hsl(172, 63%, 84%) |
|
|
| 400 | oklch(0.907 0.060 187.10) | #b3eee7 | hsl(173, 63%, 82%) |
|
|
| 500 | oklch(0.897 0.066 186.57) | #abece4 | hsl(173, 63%, 80%) |
|
|
| 600 | oklch(0.835 0.104 184.56) | #71dfd1 | hsl(172, 63%, 66%) |
|
|
| 700 | oklch(0.781 0.128 182.74) | #37d2bf | hsl(173, 63%, 52%) |
|
|
| 800 | oklch(0.632 0.104 182.52) | #249e8f | hsl(173, 63%, 38%) |
|
|
| 900 | oklch(0.455 0.074 182.24) | #17645a | hsl(172, 63%, 24%) |
|
|
| 950 | oklch(0.260 0.039 183.93) | #092a26 | hsl(173, 65%, 10%) |
|
dsfds
| 50 | oklch(0.983 0.063 110.39) | #fbfecd | hsl(64, 96%, 90%) |
|
|
| 100 | oklch(0.968 0.120 111.48) | #f7fd9c | hsl(64, 96%, 80%) |
|
|
| 200 | oklch(0.958 0.166 112.08) | #f4fc6c | hsl(63, 96%, 71%) |
|
|
| 300 | oklch(0.949 0.197 113.00) | #f0fb3c | hsl(63, 96%, 61%) |
|
|
| 400 | oklch(0.943 0.210 113.84) | #ecfa0b | hsl(64, 96%, 51%) |
|
|
| 500 | oklch(0.820 0.184 113.92) | #c4d004 | hsl(64, 96%, 42%) |
|
|
| 600 | oklch(0.725 0.162 113.81) | #a6b003 | hsl(63, 97%, 35%) |
|
|
| 700 | oklch(0.628 0.141 114.11) | #889103 | hsl(64, 96%, 29%) |
|
|
| 800 | oklch(0.526 0.117 113.41) | #6b7102 | hsl(63, 97%, 23%) |
|
|
| 900 | oklch(0.420 0.093 113.78) | #4d5202 | hsl(64, 95%, 16%) |
|
|
| 950 | oklch(0.304 0.067 113.38) | #2f3201 | hsl(64, 96%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.046 76.84) | #ffeacc | hsl(35, 100%, 90%) |
|
|
| 100 | oklch(0.909 0.078 76.63) | #ffdba7 | hsl(35, 100%, 83%) |
|
|
| 200 | oklch(0.875 0.108 75.52) | #ffcc83 | hsl(35, 100%, 76%) |
|
|
| 300 | oklch(0.841 0.135 74.04) | #ffbd5e | hsl(35, 100%, 68%) |
|
|
| 400 | oklch(0.811 0.155 71.16) | #ffae3a | hsl(35, 100%, 61%) |
|
|
| 500 | oklch(0.783 0.169 66.69) | #ff9f15 | hsl(35, 100%, 54%) |
|
|
| 600 | oklch(0.713 0.162 63.41) | #e78800 | hsl(35, 100%, 45%) |
|
|
| 700 | oklch(0.609 0.137 64.44) | #ba6e00 | hsl(35, 100%, 36%) |
|
|
| 800 | oklch(0.498 0.112 65.23) | #8d5300 | hsl(35, 100%, 28%) |
|
|
| 900 | oklch(0.383 0.084 67.91) | #603900 | hsl(36, 100%, 19%) |
|
|
| 950 | oklch(0.256 0.055 72.29) | #331e00 | hsl(35, 100%, 10%) |
|
dsfds
| 50 | oklch(0.893 0.056 5.93) | #fecdd6 | hsl(349, 96%, 90%) |
|
|
| 100 | oklch(0.860 0.075 7.33) | #fdbdc8 | hsl(350, 94%, 87%) |
|
|
| 200 | oklch(0.826 0.097 7.24) | #fdacbb | hsl(349, 95%, 83%) |
|
|
| 300 | oklch(0.793 0.117 8.07) | #fc9bad | hsl(349, 94%, 80%) |
|
|
| 400 | oklch(0.763 0.139 9.18) | #fc8a9f | hsl(349, 95%, 76%) |
|
|
| 500 | oklch(0.733 0.160 10.29) | #fb7991 | hsl(349, 94%, 73%) |
|
|
| 600 | oklch(0.650 0.223 16.30) | #f93b5e | hsl(349, 94%, 60%) |
|
|
| 700 | oklch(0.598 0.240 23.37) | #ed0731 | hsl(349, 94%, 48%) |
|
|
| 800 | oklch(0.476 0.189 22.64) | #ae0524 | hsl(349, 94%, 35%) |
|
|
| 900 | oklch(0.346 0.137 21.16) | #700317 | hsl(349, 95%, 23%) |
|
|
| 950 | oklch(0.203 0.079 15.78) | #32010a | hsl(349, 96%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.017 70.53) | #efe6dc | hsl(32, 37%, 90%) |
|
|
| 100 | oklch(0.863 0.035 74.37) | #e0cfb9 | hsl(34, 39%, 80%) |
|
|
| 200 | oklch(0.793 0.054 73.52) | #d1b796 | hsl(34, 39%, 70%) |
|
|
| 300 | oklch(0.724 0.071 72.06) | #c29f74 | hsl(33, 39%, 61%) |
|
|
| 400 | oklch(0.654 0.089 70.88) | #b38751 | hsl(33, 39%, 51%) |
|
|
| 500 | oklch(0.562 0.077 70.57) | #926d40 | hsl(33, 39%, 41%) |
|
|
| 600 | oklch(0.499 0.068 69.96) | #7c5c36 | hsl(33, 39%, 35%) |
|
|
| 700 | oklch(0.437 0.058 70.25) | #664c2d | hsl(33, 39%, 29%) |
|
|
| 800 | oklch(0.369 0.047 69.20) | #503b23 | hsl(32, 39%, 23%) |
|
|
| 900 | oklch(0.301 0.037 70.76) | #3a2b19 | hsl(33, 40%, 16%) |
|
|
| 950 | oklch(0.226 0.023 69.19) | #231a10 | hsl(32, 37%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
