Earthy Complementary Color Palettes: 8 Examples With Hex Codes
Earthy palettes in a complementary scheme: eight real examples with hex codes and contrast, when the look works, and how to adapt it.
Earthy palettes follow a recipe: lightness between 34% and 86%, and chroma between 0.04 and 0.11. Complementary describes how the hues relate. Opposite hues. High energy, best with one color leading and the other as an accent. Together, they give you a rustic, clay look that you can recognize at a glance. Below are eight real examples from Tintly's library of generated palettes, each with its own page.
Eight earthy complementary palettes
Terra Brown Willow
Strongest pair: Chocolate Fantasies (#5A3507) with Cashew Nut (#ECD0B8) at 7.33:1 (AAA). That can carry body text.
Sunbaked Lilac Estuary
Strongest pair: Queen of Trees (#283B07) with Nature (#C2D7B1) at 7.94:1 (AAA). That can carry body text.
Rustic Sage Daybreak
Strongest pair: Seedling (#CDCC91) with Dark Olive (#353B04) at 7.10:1 (AAA). That can carry body text.
Sunbaked Cornflower Atlas
Strongest pair: Meatloaf (#672C18) with Cloud Number Nine (#F6CFC0) at 7.48:1 (AAA). That can carry body text.
Terra Brown Cascade
Strongest pair: Chocolate Fantasies (#60320A) with Taco (#ECC4A9) at 6.65:1 (AA). That can carry body text.
Terra Cornflower Haven
Strongest pair: Evil Cigar (#542309) with Muddy Rose (#EBBFAA) at 7.74:1 (AAA). That can carry body text.
Sunbaked Plum Quarry
Strongest pair: Medlar (#DADBB7) with Dark Olive (#3A3C01) at 8.10:1 (AAA). That can carry body text.
Sunbaked Cornflower Mirage
Strongest pair: Halo (#DFC893) with Pineapple (#4C3C02) at 6.55:1 (AA). That can carry body text.
The eight at a glance
| Palette | Lightest | Darkest | Strongest pair |
|---|---|---|---|
| Terra Brown Willow | #ECD0B8 | #5A3507 | 7.33:1 |
| Sunbaked Lilac Estuary | #C2D7B1 | #283B07 | 7.94:1 |
| Rustic Sage Daybreak | #CDCC91 | #353B04 | 7.10:1 |
| Sunbaked Cornflower Atlas | #F6CFC0 | #672C18 | 7.48:1 |
| Terra Brown Cascade | #ECC4A9 | #60320A | 6.65:1 |
| Terra Cornflower Haven | #EBBFAA | #542309 | 7.74:1 |
| Sunbaked Plum Quarry | #DADBB7 | #3A3C01 | 8.10:1 |
| Sunbaked Cornflower Mirage | #DFC893 | #4C3C02 | 6.55:1 |
How earthy differs from its neighbors
Earthy keeps lightness within 34% to 86%. Pastel runs from 80% to 96% with chroma 0.03 to 0.08, while Vivid runs from 52% to 82% with chroma 0.15 to 0.26. That is why earthy palettes feel rustic, clay, harvest: the numbers are tuned that way, not chosen palette by palette.
When to use this look
- Music and nightlife, which usually want to feel dramatic and dark.
- Cleaning services, which usually want to feel fresh and reliable.
- Law firms, which usually want to feel authoritative and steady.
How to adapt it
- Pick the example whose main color is closest to your brand.
- Open it in the generator and lock that color.
- Regenerate the rest until the contrast between text and background reaches 4.5 to 1.
- Export it as CSS variables or a Tailwind scale.