Earthy Whimsy Color Palette
A moody blend of deep slate and muted sage dances with soft olive and vibrant coral, creating an earthy yet playful vibe that balances sophistication with a touch of whimsy.
Practical uses and creative applications
The Earthy Whimsy Color Palette combines a rich tapestry of nature-inspired hues that evoke a sense of grounding and playfulness. Featuring deep slate gray (#3b4344), muted sage green (#51615b), soft olive (#bbbd91), and vibrant coral tones (#f06f6b and #f12f5d), this palette is perfect for brands looking to infuse their identity with an organic yet whimsical touch.
Designers and creatives can leverage these colors in branding, web design, and packaging to create visually striking elements that resonate with audiences seeking authenticity and charm. Ideal for eco-friendly brands, artisanal products, or lifestyle blogs, the Earthy Whimsy Palette instills a sense of warmth and approachability.
In web design, the earthy tones can create a serene backdrop for content, while pops of coral add energy and excitement. For interior spaces, this palette can transform a home or workspace into a cozy refuge, seamlessly blending modern aesthetics with a touch of the whimsical.
Whether you're a graphic designer, interior decorator, or brand strategist, embracing this palette will help you craft an inviting atmosphere that speaks to the heart of your audience.
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.926 0.003 197.10) | #e4e7e7 | hsl(180, 6%, 90%) |
|
|
| 100 | oklch(0.827 0.009 196.99) | #c0c8c8 | hsl(180, 7%, 77%) |
|
|
| 200 | oklch(0.723 0.013 209.80) | #9da8aa | hsl(189, 7%, 64%) |
|
|
| 300 | oklch(0.618 0.019 205.79) | #79898b | hsl(187, 7%, 51%) |
|
|
| 400 | oklch(0.501 0.015 208.74) | #5a6668 | hsl(189, 7%, 38%) |
|
|
| 500 | oklch(0.376 0.011 205.80) | #3b4344 | hsl(187, 7%, 25%) |
|
|
| 600 | oklch(0.346 0.010 207.07) | #343b3c | hsl(188, 7%, 22%) |
|
|
| 700 | oklch(0.316 0.008 208.75) | #2d3334 | hsl(189, 7%, 19%) |
|
|
| 800 | oklch(0.285 0.007 211.05) | #262b2c | hsl(190, 7%, 16%) |
|
|
| 900 | oklch(0.252 0.006 196.79) | #1f2323 | hsl(180, 6%, 13%) |
|
|
| 950 | oklch(0.219 0.005 196.82) | #181b1b | hsl(180, 6%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.006 170.44) | #e3e8e6 | hsl(156, 10%, 90%) |
|
|
| 100 | oklch(0.844 0.011 174.22) | #c5cecb | hsl(160, 8%, 79%) |
|
|
| 200 | oklch(0.760 0.019 169.90) | #a6b5af | hsl(156, 9%, 68%) |
|
|
| 300 | oklch(0.672 0.025 172.45) | #879b94 | hsl(159, 9%, 57%) |
|
|
| 400 | oklch(0.581 0.027 170.30) | #6b8078 | hsl(157, 9%, 46%) |
|
|
| 500 | oklch(0.477 0.022 170.69) | #51615b | hsl(158, 9%, 35%) |
|
|
| 600 | oklch(0.428 0.019 171.76) | #45534e | hsl(159, 9%, 30%) |
|
|
| 700 | oklch(0.379 0.016 171.49) | #3a4541 | hsl(158, 9%, 25%) |
|
|
| 800 | oklch(0.327 0.013 173.35) | #2e3734 | hsl(160, 9%, 20%) |
|
|
| 900 | oklch(0.277 0.011 167.80) | #232a27 | hsl(154, 9%, 15%) |
|
|
| 950 | oklch(0.220 0.008 169.49) | #171c1a | hsl(156, 10%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.017 110.29) | #ebecdf | hsl(65, 25%, 90%) |
|
|
| 100 | oklch(0.910 0.025 109.34) | #e2e3d0 | hsl(63, 25%, 85%) |
|
|
| 200 | oklch(0.878 0.034 108.94) | #d8d9c0 | hsl(62, 25%, 80%) |
|
|
| 300 | oklch(0.848 0.043 110.21) | #ced0b0 | hsl(64, 25%, 75%) |
|
|
| 400 | oklch(0.816 0.050 108.73) | #c5c6a1 | hsl(62, 25%, 70%) |
|
|
| 500 | oklch(0.786 0.060 109.85) | #bbbd91 | hsl(63, 25%, 65%) |
|
|
| 600 | oklch(0.715 0.078 110.74) | #a5a86e | hsl(63, 25%, 55%) |
|
|
| 700 | oklch(0.618 0.076 111.11) | #878a53 | hsl(63, 25%, 43%) |
|
|
| 800 | oklch(0.501 0.060 110.77) | #65673e | hsl(63, 25%, 32%) |
|
|
| 900 | oklch(0.374 0.043 110.10) | #424328 | hsl(62, 25%, 21%) |
|
|
| 950 | oklch(0.238 0.023 111.74) | #1f2013 | hsl(65, 25%, 10%) |
|
dsfds
| 50 | oklch(0.897 0.045 19.72) | #fad2d1 | hsl(1, 80%, 90%) |
|
|
| 100 | oklch(0.853 0.067 20.84) | #f8bebc | hsl(2, 81%, 85%) |
|
|
| 200 | oklch(0.810 0.090 20.91) | #f6aaa8 | hsl(2, 81%, 81%) |
|
|
| 300 | oklch(0.771 0.113 21.99) | #f49794 | hsl(2, 81%, 77%) |
|
|
| 400 | oklch(0.732 0.137 23.12) | #f2837f | hsl(2, 82%, 72%) |
|
|
| 500 | oklch(0.695 0.160 23.90) | #f06f6b | hsl(2, 82%, 68%) |
|
|
| 600 | oklch(0.620 0.213 27.48) | #eb3b35 | hsl(2, 82%, 56%) |
|
|
| 700 | oklch(0.548 0.212 28.88) | #d01b15 | hsl(2, 82%, 45%) |
|
|
| 800 | oklch(0.440 0.168 28.61) | #9a1410 | hsl(2, 81%, 33%) |
|
|
| 900 | oklch(0.326 0.120 28.33) | #640d0a | hsl(2, 82%, 22%) |
|
|
| 950 | oklch(0.201 0.066 27.01) | #2e0605 | hsl(1, 80%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.052 1.83) | #fccfda | hsl(345, 88%, 90%) |
|
|
| 100 | oklch(0.830 0.090 3.46) | #faafc1 | hsl(346, 88%, 83%) |
|
|
| 200 | oklch(0.767 0.128 5.09) | #f78fa8 | hsl(346, 87%, 76%) |
|
|
| 300 | oklch(0.711 0.166 7.38) | #f56f8f | hsl(346, 87%, 70%) |
|
|
| 400 | oklch(0.663 0.200 10.35) | #f34f76 | hsl(346, 87%, 63%) |
|
|
| 500 | oklch(0.628 0.225 14.26) | #f12f5d | hsl(346, 87%, 56%) |
|
|
| 600 | oklch(0.580 0.227 18.77) | #e10f41 | hsl(346, 88%, 47%) |
|
|
| 700 | oklch(0.494 0.193 18.36) | #b50c34 | hsl(346, 88%, 38%) |
|
|
| 800 | oklch(0.404 0.156 17.73) | #890927 | hsl(346, 88%, 29%) |
|
|
| 900 | oklch(0.307 0.116 15.56) | #5c061b | hsl(345, 88%, 19%) |
|
|
| 950 | oklch(0.203 0.073 11.36) | #30030e | hsl(345, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
