Earthy Serenity Color Palette
This earthy palette blends soft sunshine yellow, muted sage green, and deep teal, evoking a serene, nature-inspired vibe that feels both calming and sophisticated.
Practical uses and creative applications
The Earthy Serenity Color Palette is a harmonious blend of soft, muted tones, perfect for creating a tranquil atmosphere in various design projects. Featuring shades like the warm beige of #f5dd9d, the gentle green of #bcc499, and the deep teal of #506266, this palette is ideal for branding that seeks to evoke feelings of calmness and connection to nature.
Whether you're designing a soothing wellness brand or a cozy café, these colors can help convey a sense of reliability and comfort. Web designers and creatives will find this palette particularly effective for creating user-friendly interfaces that promote relaxation.
The Earthy Serenity Color Palette is also an excellent choice for packaging designs aimed at organic or eco-friendly products, as its earthy tones resonate well with environmentally-conscious audiences. Additionally, interior designers can utilize these colors to craft serene spaces that encourage mindfulness and tranquility, making them perfect for yoga studios or meditation rooms.
Embrace the calming vibes of this palette to elevate your next project and connect with your audience on a deeper level.
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.953 0.041 90.25) | #faefd1 | hsl(44, 80%, 90%) |
|
|
| 100 | oklch(0.942 0.051 89.76) | #f9ebc6 | hsl(44, 81%, 88%) |
|
|
| 200 | oklch(0.933 0.060 90.43) | #f8e8bc | hsl(44, 81%, 85%) |
|
|
| 300 | oklch(0.922 0.068 89.69) | #f7e4b2 | hsl(43, 81%, 83%) |
|
|
| 400 | oklch(0.913 0.078 90.48) | #f6e1a7 | hsl(44, 81%, 81%) |
|
|
| 500 | oklch(0.903 0.086 89.84) | #f5dd9d | hsl(44, 81%, 79%) |
|
|
| 600 | oklch(0.844 0.132 88.60) | #efc75d | hsl(44, 82%, 65%) |
|
|
| 700 | oklch(0.790 0.156 84.97) | #e8b11e | hsl(44, 81%, 51%) |
|
|
| 800 | oklch(0.635 0.126 84.37) | #ae8312 | hsl(43, 81%, 38%) |
|
|
| 900 | oklch(0.458 0.089 85.44) | #6e530b | hsl(44, 82%, 24%) |
|
|
| 950 | oklch(0.262 0.047 88.39) | #2e2305 | hsl(44, 80%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.017 113.83) | #eaecdf | hsl(69, 25%, 90%) |
|
|
| 100 | oklch(0.911 0.026 114.19) | #e1e4d1 | hsl(69, 26%, 86%) |
|
|
| 200 | oklch(0.884 0.034 116.28) | #d7dcc3 | hsl(72, 26%, 81%) |
|
|
| 300 | oklch(0.857 0.042 116.19) | #ced4b5 | hsl(72, 26%, 77%) |
|
|
| 400 | oklch(0.830 0.051 116.21) | #c5cca7 | hsl(71, 27%, 73%) |
|
|
| 500 | oklch(0.803 0.059 116.30) | #bcc499 | hsl(71, 27%, 68%) |
|
|
| 600 | oklch(0.728 0.081 117.06) | #a3ae73 | hsl(71, 27%, 57%) |
|
|
| 700 | oklch(0.635 0.086 117.89) | #869254 | hsl(72, 27%, 45%) |
|
|
| 800 | oklch(0.512 0.068 117.91) | #636c3e | hsl(72, 27%, 33%) |
|
|
| 900 | oklch(0.381 0.046 116.62) | #414629 | hsl(70, 26%, 22%) |
|
|
| 950 | oklch(0.237 0.024 115.35) | #1e2013 | hsl(69, 25%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.011 136.56) | #e4e9e2 | hsl(103, 14%, 90%) |
|
|
| 100 | oklch(0.885 0.018 134.93) | #d4dcd0 | hsl(100, 15%, 84%) |
|
|
| 200 | oklch(0.839 0.024 137.26) | #c3cebf | hsl(104, 13%, 78%) |
|
|
| 300 | oklch(0.794 0.032 136.17) | #b3c1ad | hsl(102, 14%, 72%) |
|
|
| 400 | oklch(0.747 0.037 137.50) | #a2b39c | hsl(104, 13%, 66%) |
|
|
| 500 | oklch(0.702 0.046 136.74) | #92a68a | hsl(103, 14%, 60%) |
|
|
| 600 | oklch(0.624 0.059 136.85) | #77906d | hsl(103, 14%, 50%) |
|
|
| 700 | oklch(0.531 0.048 137.65) | #5f7358 | hsl(104, 13%, 40%) |
|
|
| 800 | oklch(0.435 0.037 136.35) | #485642 | hsl(102, 13%, 30%) |
|
|
| 900 | oklch(0.335 0.027 136.80) | #303a2c | hsl(103, 14%, 20%) |
|
|
| 950 | oklch(0.223 0.015 136.75) | #181d16 | hsl(103, 14%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.006 183.02) | #e3e8e7 | hsl(168, 10%, 90%) |
|
|
| 100 | oklch(0.870 0.008 177.29) | #cfd6d4 | hsl(163, 8%, 83%) |
|
|
| 200 | oklch(0.812 0.011 182.80) | #bac4c2 | hsl(168, 8%, 75%) |
|
|
| 300 | oklch(0.752 0.015 180.56) | #a5b2af | hsl(166, 8%, 67%) |
|
|
| 400 | oklch(0.694 0.020 179.99) | #90a19d | hsl(166, 8%, 60%) |
|
|
| 500 | oklch(0.633 0.024 178.74) | #7b8f8a | hsl(165, 8%, 52%) |
|
|
| 600 | oklch(0.559 0.024 177.74) | #667974 | hsl(164, 9%, 44%) |
|
|
| 700 | oklch(0.480 0.018 181.16) | #53615e | hsl(167, 8%, 35%) |
|
|
| 800 | oklch(0.398 0.015 177.26) | #3f4a47 | hsl(164, 8%, 27%) |
|
|
| 900 | oklch(0.313 0.012 178.78) | #2b3331 | hsl(165, 9%, 18%) |
|
|
| 950 | oklch(0.221 0.008 182.20) | #171c1b | hsl(168, 10%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.006 223.46) | #e2e7e9 | hsl(197, 14%, 90%) |
|
|
| 100 | oklch(0.844 0.012 209.80) | #c3ced0 | hsl(189, 12%, 79%) |
|
|
| 200 | oklch(0.759 0.019 214.41) | #a4b4b8 | hsl(192, 12%, 68%) |
|
|
| 300 | oklch(0.674 0.026 212.96) | #859ba0 | hsl(191, 12%, 57%) |
|
|
| 400 | oklch(0.583 0.029 211.72) | #688085 | hsl(190, 12%, 46%) |
|
|
| 500 | oklch(0.483 0.023 212.68) | #506266 | hsl(191, 12%, 36%) |
|
|
| 600 | oklch(0.433 0.021 210.25) | #445457 | hsl(189, 12%, 30%) |
|
|
| 700 | oklch(0.384 0.018 213.25) | #394649 | hsl(191, 12%, 25%) |
|
|
| 800 | oklch(0.331 0.015 209.84) | #2d383a | hsl(189, 13%, 20%) |
|
|
| 900 | oklch(0.278 0.011 205.75) | #222a2b | hsl(187, 12%, 15%) |
|
|
| 950 | oklch(0.218 0.008 223.87) | #161b1d | hsl(197, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
