Serene Earthy Color Palette
This palette exudes a serene and earthy vibe, blending soft sage greens and muted yellows with deep slate blues and warm golden accents, perfect for a tranquil, nature-inspired retreat.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious blend of soft, nature-inspired hues that evoke a sense of calm and balance. Featuring gentle shades of green, muted gold, and tranquil blues, this palette is ideal for branding and web design projects aiming to create an inviting and grounded user experience.
Designers looking to convey a message of sustainability or organic living will find these colors particularly effective, as they resonate with eco-conscious audiences. In the realm of packaging, the Serene Earthy palette can elevate product appeal by infusing a sense of authenticity and warmth, making it an excellent choice for artisanal goods or natural skincare lines.
Additionally, interior designers can leverage these soothing tones to create serene spaces that promote relaxation and mindfulness, perfect for wellness retreats or home environments that prioritize tranquility. Whether you're a creative professional or a brand looking to connect with a thoughtful audience, the Serene Earthy Color Palette offers a versatile foundation to inspire your next project.
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.962 0.041 107.14) | #f5f5d6 | hsl(60, 61%, 90%) |
|
|
| 100 | oklch(0.951 0.051 107.33) | #f2f2cb | hsl(60, 60%, 87%) |
|
|
| 200 | oklch(0.940 0.062 107.54) | #efefbf | hsl(60, 60%, 84%) |
|
|
| 300 | oklch(0.932 0.074 107.75) | #ededb4 | hsl(60, 61%, 82%) |
|
|
| 400 | oklch(0.922 0.085 107.95) | #eaeaa8 | hsl(60, 61%, 79%) |
|
|
| 500 | oklch(0.911 0.094 108.13) | #e7e79d | hsl(60, 61%, 76%) |
|
|
| 600 | oklch(0.866 0.138 108.96) | #dada67 | hsl(60, 61%, 63%) |
|
|
| 700 | oklch(0.817 0.164 109.53) | #cbcb32 | hsl(60, 60%, 50%) |
|
|
| 800 | oklch(0.650 0.129 109.50) | #959525 | hsl(60, 60%, 36%) |
|
|
| 900 | oklch(0.471 0.091 109.44) | #5f5f17 | hsl(60, 61%, 23%) |
|
|
| 950 | oklch(0.273 0.048 109.19) | #29290a | hsl(60, 61%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.034 121.51) | #eaf2d9 | hsl(79, 49%, 90%) |
|
|
| 100 | oklch(0.928 0.047 123.14) | #e1edcb | hsl(81, 49%, 86%) |
|
|
| 200 | oklch(0.906 0.059 122.23) | #d9e7bc | hsl(80, 47%, 82%) |
|
|
| 300 | oklch(0.887 0.072 122.32) | #d1e2ad | hsl(79, 48%, 78%) |
|
|
| 400 | oklch(0.867 0.085 123.36) | #c8dd9f | hsl(80, 48%, 75%) |
|
|
| 500 | oklch(0.847 0.098 123.47) | #c0d890 | hsl(80, 48%, 71%) |
|
|
| 600 | oklch(0.786 0.135 124.68) | #a6c862 | hsl(80, 48%, 58%) |
|
|
| 700 | oklch(0.703 0.147 125.77) | #89af3d | hsl(80, 48%, 46%) |
|
|
| 800 | oklch(0.563 0.116 125.62) | #65812d | hsl(80, 48%, 34%) |
|
|
| 900 | oklch(0.414 0.081 125.35) | #41531d | hsl(80, 48%, 22%) |
|
|
| 950 | oklch(0.254 0.044 124.15) | #1e260d | hsl(79, 49%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.013 167.16) | #e0ebe6 | hsl(153, 22%, 90%) |
|
|
| 100 | oklch(0.884 0.024 163.07) | #cbded4 | hsl(148, 22%, 83%) |
|
|
| 200 | oklch(0.835 0.033 164.06) | #b6d0c3 | hsl(150, 22%, 76%) |
|
|
| 300 | oklch(0.788 0.043 162.88) | #a2c3b2 | hsl(149, 22%, 70%) |
|
|
| 400 | oklch(0.738 0.052 163.14) | #8db5a1 | hsl(150, 21%, 63%) |
|
|
| 500 | oklch(0.690 0.062 162.48) | #78a890 | hsl(150, 22%, 56%) |
|
|
| 600 | oklch(0.616 0.069 161.75) | #5e9278 | hsl(150, 22%, 47%) |
|
|
| 700 | oklch(0.526 0.056 162.51) | #4c7561 | hsl(151, 21%, 38%) |
|
|
| 800 | oklch(0.434 0.046 161.92) | #395949 | hsl(150, 22%, 29%) |
|
|
| 900 | oklch(0.335 0.033 161.07) | #273c31 | hsl(149, 21%, 19%) |
|
|
| 950 | oklch(0.227 0.018 165.08) | #141f1a | hsl(153, 22%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.007 286.27) | #e3e3e8 | hsl(240, 10%, 90%) |
|
|
| 100 | oklch(0.836 0.015 286.07) | #c8c8d3 | hsl(240, 11%, 81%) |
|
|
| 200 | oklch(0.753 0.023 285.84) | #adadbd | hsl(240, 11%, 71%) |
|
|
| 300 | oklch(0.667 0.032 285.49) | #9292a8 | hsl(240, 11%, 62%) |
|
|
| 400 | oklch(0.579 0.041 285.04) | #777792 | hsl(240, 11%, 52%) |
|
|
| 500 | oklch(0.498 0.038 284.94) | #606078 | hsl(240, 11%, 42%) |
|
|
| 600 | oklch(0.443 0.034 284.92) | #515166 | hsl(240, 11%, 36%) |
|
|
| 700 | oklch(0.389 0.027 285.08) | #434353 | hsl(240, 11%, 29%) |
|
|
| 800 | oklch(0.330 0.023 285.08) | #343441 | hsl(240, 11%, 23%) |
|
|
| 900 | oklch(0.269 0.018 285.09) | #25252f | hsl(240, 12%, 16%) |
|
|
| 950 | oklch(0.207 0.010 285.51) | #17171c | hsl(240, 10%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.025 69.43) | #f4e6d7 | hsl(31, 57%, 90%) |
|
|
| 100 | oklch(0.897 0.037 67.33) | #eed9c4 | hsl(30, 55%, 85%) |
|
|
| 200 | oklch(0.865 0.049 67.10) | #e9cdb1 | hsl(30, 56%, 80%) |
|
|
| 300 | oklch(0.832 0.061 67.65) | #e3c19e | hsl(30, 55%, 75%) |
|
|
| 400 | oklch(0.798 0.073 65.77) | #deb48b | hsl(30, 56%, 71%) |
|
|
| 500 | oklch(0.765 0.085 65.98) | #d8a878 | hsl(30, 55%, 66%) |
|
|
| 600 | oklch(0.690 0.111 64.52) | #cb8c4c | hsl(30, 55%, 55%) |
|
|
| 700 | oklch(0.595 0.109 62.82) | #ac6f32 | hsl(30, 55%, 44%) |
|
|
| 800 | oklch(0.483 0.086 63.74) | #805325 | hsl(30, 55%, 32%) |
|
|
| 900 | oklch(0.362 0.061 63.64) | #543618 | hsl(30, 56%, 21%) |
|
|
| 950 | oklch(0.232 0.034 66.71) | #281a0b | hsl(31, 57%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
