Jordfärger: jordnära paletter med koder att kopiera

En jordfärgspalett byggs av de dämpade, varma färgerna hos naturmaterial: sand #e7d8c3, lera #c2703d, sienna #a0522d, oliv #6b7046, bark #3d2b1f och de gräddvita, ockra och grå nyanserna runt dem. De här färgerna känns lugna och ärliga eftersom vi ser dem i jord, sten, trä och torrt gräs. Knepet är spännvidd. En bra jordnära palett har alltid en blek botten, en eller två mellantoner och ett djupt mörkt, annars blir den en enda beige suddighet. Nedan finns åtta paletter med koder du kan kopiera.

Vad som räknas som en jordfärg

Jordfärger har lägre mättnad än färgerna på ett vanligt färghjul och ligger mest i den varma halvan: rött som blivit rost, orange som blivit lera, gult som blivit ockra, grönt som blivit oliv och salvia. Många är uppkallade efter verkliga pigment, som sienna och umbra, som ursprungligen tillverkades av färgad jord.

Åtta jordfärgspaletter

Varje palett listar färger från ljusast till mörkast. Använd den första som bakgrund, de mellersta för former och bilder och den sista för text.

Så balanserar du en jordfärgspalett

Jordfärger har gemensamt låg mättnad, så ljushet måste göra det jobb som mättnad vanligtvis gör. Om alla dina färger är mellantoner ser designen platt och lerig ut. Sprid dem över ljust, mellan och mörkt och tilldela dem sedan med 60 30 10-regeln.

Vanliga misstag med jordfärger

• Fem beige i rad. Färger med samma ljushet smälter ihop. Ha minst en mycket ljus och en mycket mörk.
• Ren svart text. Den ser kall ut mot varma bruna toner. Använd espresso eller bark i stället.
• Att blanda varma och kalla bruna toner. En rosa terrakotta bredvid en grå taupe ser oavsiktlig ut. Håll undertonerna enhetliga.
• För många accenter. En ljus ton lyfter paletten, tre gör den till en helt annan palett.

Gradienter i jordfärger

Jordfärger blandas lätt eftersom de redan ligger nära varandra i mättnad, så risken för en grå mitt är liten. Håll ljuskällan mjuk och lägg till korn, vilket passar färgernas materialkänsla. Bruna gradienter och beige gradienter går djupare in i varje familj.

Textfärger på jordfärger

Ren svart och ren vit kan se hårda ut bredvid så mjuka färger. Använd ett mycket mörkt brunt för text på ljusa bottnar och en varm grädde på mörka. Vitt fungerar fortfarande på de djupare mellantonerna som sienna och oliv. Förhållandena använder WCAG-formeln, där 4,5:1 är det vanliga målet för liten text. Färgkontrast förklarar den.

Jordfärgspalett som CSS-variabler

:root {
  --bone: #f3ece2;
  --dune: #e0c3a3;
  --terracotta: #c2703d;
  --rust: #8b4a2b;
  --bark: #3d2b1f;
}

body {
  background: var(--bone);
  color: var(--bark);
}

.button {
  background: var(--rust);
  color: var(--bone);
}

.tag {
  background: var(--terracotta);
  color: var(--bark);
  font-weight: 700;
}

.hero {
  background: linear-gradient(160deg, var(--bone) 0%, var(--dune) 55%, var(--terracotta) 100%);
}

Jordnära paletter överlappar med höstfärgpaletter, dämpade färgpaletter och japandi-färger, så låna därifrån när du har en bas. Om du vill ha en jordnära bakgrund med verkligt material i, kombinerar Gradiently Marks färg med material, korn och ljus, och Designer kan lägga ut inlägg i din Mark utifrån en kort beskrivning.