Tranquil Teal and Earthy Color Palette
This palette blends a tranquil teal with deep charcoal, warm earthy browns, and a soft golden hue, evoking a stylish, cozy atmosphere perfect for modern rustic elegance.
Practical uses and creative applications
The Tranquil Teal and Earthy Color Palette features a harmonious blend of soothing teal (#3E9EBF) and rich earthy tones, including deep charcoal (#414141), warm browns (#9E5F2F, #BF8541), and a soft golden hue (#DFAB52). This palette is ideal for branding projects that aim to evoke a sense of calm and groundedness.
Designers looking to create logos, packaging, or web designs that resonate with nature and tranquility will find this palette particularly appealing. Its earthy color scheme not only enhances visual aesthetics but also fosters a connection with the audience, making it a perfect choice for eco-friendly brands and wellness-focused businesses.
In interior design, the Tranquil Teal and Earthy Color Palette can transform spaces into serene retreats. The calming teal can be used for accent walls or decorative elements, while the earthy tones provide warmth and comfort, making it suitable for residential spaces like living rooms and bedrooms.
Creatives who want to evoke a sense of peace and relaxation in their interiors will appreciate the versatility of this palette. Additionally, this color combination works beautifully in digital projects, such as social media graphics and website designs, appealing to designers and marketers who seek to create inviting and engaging online experiences.
Whether you're a designer, marketer, or creative, the Tranquil Teal and Earthy Color Palette offers a perfect blend of sophistication and serenity to elevate your projects.
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.
| 50 | oklch(0.930 0.023 220.73) | #d8ecf3 | hsl(196, 53%, 90%) |
|
|
| 100 | oklch(0.873 0.040 220.57) | #b9dce8 | hsl(195, 51%, 82%) |
|
|
| 200 | oklch(0.818 0.058 220.40) | #9acdde | hsl(195, 51%, 74%) |
|
|
| 300 | oklch(0.762 0.075 222.03) | #7bbdd4 | hsl(196, 51%, 66%) |
|
|
| 400 | oklch(0.710 0.090 222.64) | #5caeca | hsl(195, 51%, 58%) |
|
|
| 500 | oklch(0.657 0.101 224.41) | #3e9ebf | hsl(195, 51%, 50%) |
|
|
| 600 | oklch(0.579 0.088 224.43) | #3485a1 | hsl(195, 51%, 42%) |
|
|
| 700 | oklch(0.499 0.074 223.42) | #2a6c82 | hsl(195, 51%, 34%) |
|
|
| 800 | oklch(0.413 0.061 224.98) | #205264 | hsl(196, 52%, 26%) |
|
|
| 900 | oklch(0.325 0.045 223.42) | #163945 | hsl(195, 52%, 18%) |
|
|
| 950 | oklch(0.230 0.029 223.20) | #0c2027 | hsl(196, 53%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.823 0.000 89.88) | #c5c5c5 | hsl(0, 0%, 77%) |
|
|
| 200 | oklch(0.719 0.000 89.88) | #a4a4a4 | hsl(0, 0%, 64%) |
|
|
| 300 | oklch(0.610 0.000 89.88) | #838383 | hsl(0, 0%, 51%) |
|
|
| 400 | oklch(0.496 0.000 89.88) | #626262 | hsl(0, 0%, 38%) |
|
|
| 500 | oklch(0.375 0.000 89.88) | #414141 | hsl(0, 0%, 25%) |
|
|
| 600 | oklch(0.345 0.000 89.88) | #393939 | hsl(0, 0%, 22%) |
|
|
| 700 | oklch(0.313 0.000 89.88) | #313131 | hsl(0, 0%, 19%) |
|
|
| 800 | oklch(0.281 0.000 89.88) | #292929 | hsl(0, 0%, 16%) |
|
|
| 900 | oklch(0.248 0.000 89.88) | #212121 | hsl(0, 0%, 13%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
| 50 | oklch(0.928 0.023 61.22) | #f3e4d8 | hsl(27, 53%, 90%) |
|
|
| 100 | oklch(0.854 0.048 57.74) | #e8c8b1 | hsl(25, 54%, 80%) |
|
|
| 200 | oklch(0.782 0.074 58.87) | #dcad89 | hsl(26, 54%, 70%) |
|
|
| 300 | oklch(0.710 0.099 58.07) | #d09262 | hsl(26, 54%, 60%) |
|
|
| 400 | oklch(0.643 0.123 55.73) | #c5773b | hsl(26, 54%, 50%) |
|
|
| 500 | oklch(0.547 0.103 55.64) | #9e5f2f | hsl(26, 54%, 40%) |
|
|
| 600 | oklch(0.487 0.090 56.21) | #865128 | hsl(26, 54%, 34%) |
|
|
| 700 | oklch(0.426 0.078 55.00) | #6f4221 | hsl(25, 54%, 28%) |
|
|
| 800 | oklch(0.362 0.064 55.65) | #57341a | hsl(26, 54%, 22%) |
|
|
| 900 | oklch(0.296 0.049 56.70) | #3f2613 | hsl(26, 54%, 16%) |
|
|
| 950 | oklch(0.225 0.032 58.83) | #27180c | hsl(27, 53%, 10%) |
|
| 50 | oklch(0.933 0.022 74.09) | #f2e7d9 | hsl(34, 49%, 90%) |
|
|
| 100 | oklch(0.878 0.041 72.08) | #e8d3ba | hsl(33, 50%, 82%) |
|
|
| 200 | oklch(0.824 0.059 71.94) | #dec09c | hsl(33, 50%, 74%) |
|
|
| 300 | oklch(0.769 0.076 70.92) | #d3ac7e | hsl(32, 49%, 66%) |
|
|
| 400 | oklch(0.716 0.095 70.61) | #c9995f | hsl(33, 50%, 58%) |
|
|
| 500 | oklch(0.662 0.110 68.08) | #bf8541 | hsl(32, 50%, 50%) |
|
|
| 600 | oklch(0.584 0.097 68.41) | #a17036 | hsl(33, 50%, 42%) |
|
|
| 700 | oklch(0.501 0.081 67.83) | #825a2c | hsl(32, 49%, 34%) |
|
|
| 800 | oklch(0.416 0.065 68.58) | #634522 | hsl(32, 49%, 26%) |
|
|
| 900 | oklch(0.328 0.049 69.45) | #453017 | hsl(33, 50%, 18%) |
|
|
| 950 | oklch(0.232 0.030 72.17) | #261b0d | hsl(34, 49%, 10%) |
|
| 50 | oklch(0.942 0.032 80.99) | #f7ead4 | hsl(38, 69%, 90%) |
|
|
| 100 | oklch(0.906 0.052 80.51) | #f2ddba | hsl(38, 68%, 84%) |
|
|
| 200 | oklch(0.872 0.071 81.40) | #edd1a0 | hsl(38, 68%, 78%) |
|
|
| 300 | oklch(0.838 0.090 79.95) | #e9c486 | hsl(38, 69%, 72%) |
|
|
| 400 | oklch(0.806 0.107 79.99) | #e4b86c | hsl(38, 69%, 66%) |
|
|
| 500 | oklch(0.772 0.122 78.64) | #dfab52 | hsl(38, 69%, 60%) |
|
|
| 600 | oklch(0.720 0.140 74.94) | #d79628 | hsl(38, 69%, 50%) |
|
|
| 700 | oklch(0.611 0.118 75.25) | #ac7820 | hsl(38, 69%, 40%) |
|
|
| 800 | oklch(0.497 0.094 75.72) | #815a18 | hsl(38, 69%, 30%) |
|
|
| 900 | oklch(0.377 0.069 76.50) | #563c10 | hsl(38, 69%, 20%) |
|
|
| 950 | oklch(0.246 0.040 78.19) | #2b1e08 | hsl(38, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
