Elegant Earthy Color Palette
This palette exudes a sophisticated contrast of deep teal and crisp white, accentuated by warm golden tones and rich, earthy browns, creating a stylish and modern vibe that feels both serene and grounded.
Practical uses and creative applications
The Elegant Earthy Color Palette features a harmonious blend of deep teal (#002930), crisp white (#ffffff), soft beige (#f8f0af), warm terracotta (#ac4a00), and classic black (#000000). This versatile palette is perfect for designers and creatives looking to evoke a sense of sophistication and tranquility in their projects.
Whether you're developing a brand identity or designing a website, these colors can create a visually striking atmosphere that resonates with audiences seeking a touch of nature-inspired elegance. Ideal for branding, web design, and packaging, the Elegant Earthy Color Palette brings a grounded yet refined aesthetic to any creative endeavor.
Businesses in the wellness, organic products, or eco-friendly sectors will particularly benefit from this palette, as it reflects values of sustainability and authenticity. Additionally, interior designers can use these colors to craft serene living spaces that balance modernity with a natural touch, making them perfect for residential or commercial projects aimed at promoting relaxation and comfort.
Incorporating the Elegant Earthy Color Palette into your work not only enhances visual appeal but also communicates a timeless style that speaks to environmentally-conscious consumers. For designers looking to make an impact, this color combination invites creativity while ensuring a polished and cohesive look across various mediums.
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.951 0.046 208.22) | #ccf8ff | hsl(188, 100%, 90%) |
|
|
| 100 | oklch(0.883 0.107 209.65) | #7aecff | hsl(189, 100%, 74%) |
|
|
| 200 | oklch(0.835 0.140 212.97) | #28e0ff | hsl(189, 100%, 58%) |
|
|
| 300 | oklch(0.712 0.126 215.84) | #00b5d4 | hsl(189, 100%, 42%) |
|
|
| 400 | oklch(0.499 0.088 214.99) | #006f82 | hsl(189, 100%, 25%) |
|
|
| 500 | oklch(0.258 0.045 211.89) | #002930 | hsl(189, 100%, 9%) |
|
|
| 600 | oklch(0.262 0.045 211.60) | #002a31 | hsl(189, 100%, 10%) |
|
|
| 700 | oklch(0.262 0.045 211.60) | #002a31 | hsl(189, 100%, 10%) |
|
|
| 800 | oklch(0.265 0.046 211.32) | #002b32 | hsl(188, 100%, 10%) |
|
|
| 900 | oklch(0.265 0.046 211.32) | #002b32 | hsl(188, 100%, 10%) |
|
|
| 950 | oklch(0.269 0.047 211.05) | #002c33 | hsl(188, 100%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.967 0.050 101.08) | #fbf6d0 | hsl(53, 84%, 90%) |
|
|
| 100 | oklch(0.963 0.057 102.03) | #faf5c9 | hsl(54, 83%, 88%) |
|
|
| 200 | oklch(0.960 0.063 101.70) | #faf4c3 | hsl(53, 85%, 87%) |
|
|
| 300 | oklch(0.954 0.070 101.44) | #f9f2bc | hsl(53, 84%, 86%) |
|
|
| 400 | oklch(0.950 0.076 101.22) | #f9f1b6 | hsl(53, 85%, 85%) |
|
|
| 500 | oklch(0.946 0.083 101.92) | #f8f0af | hsl(53, 84%, 83%) |
|
|
| 600 | oklch(0.905 0.141 102.24) | #f2e36b | hsl(53, 84%, 68%) |
|
|
| 700 | oklch(0.868 0.174 101.44) | #ecd626 | hsl(53, 84%, 54%) |
|
|
| 800 | oklch(0.716 0.146 100.86) | #b8a510 | hsl(53, 84%, 39%) |
|
|
| 900 | oklch(0.512 0.104 101.84) | #73680a | hsl(54, 84%, 25%) |
|
|
| 950 | oklch(0.282 0.055 101.70) | #2f2a04 | hsl(53, 84%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.043 59.40) | #ffe2cc | hsl(26, 100%, 90%) |
|
|
| 100 | oklch(0.857 0.093 57.68) | #ffc193 | hsl(26, 100%, 79%) |
|
|
| 200 | oklch(0.791 0.142 56.25) | #ffa159 | hsl(26, 100%, 67%) |
|
|
| 300 | oklch(0.733 0.182 50.75) | #ff8020 | hsl(26, 100%, 56%) |
|
|
| 400 | oklch(0.652 0.182 46.49) | #e56300 | hsl(26, 100%, 45%) |
|
|
| 500 | oklch(0.529 0.146 47.26) | #ac4a00 | hsl(26, 100%, 34%) |
|
|
| 600 | oklch(0.476 0.129 48.08) | #944000 | hsl(26, 100%, 29%) |
|
|
| 700 | oklch(0.419 0.113 48.48) | #7c3500 | hsl(26, 100%, 24%) |
|
|
| 800 | oklch(0.361 0.095 50.43) | #632b00 | hsl(26, 100%, 19%) |
|
|
| 900 | oklch(0.300 0.077 51.77) | #4b2000 | hsl(26, 100%, 15%) |
|
|
| 950 | oklch(0.238 0.058 56.02) | #331600 | hsl(26, 100%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
| 500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
| 600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
| 700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
| 800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
| 900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
