Jordfarvepaletter: jordnære koder at kopiere

En jordfarvepalet er bygget af de dæmpede, varme farver fra naturlige materialer: sand #e7d8c3, ler #c2703d, sienna #a0522d, oliven #6b7046, bark #3d2b1f og fløde-, okker- og gråtonerne omkring dem. Disse farver føles rolige og ærlige, fordi vi ser dem i jord, sten, træ og tørt græs. Tricket er spændvidde. En god jordnær palet har altid en lys bund, en eller to mellemtoner og en dyb mørk, ellers ender den som én beige udtværing. Nedenfor er otte paletter med koder, du kan kopiere.

Hvad der tæller som en jordfarve

Jordfarver har lavere mætning end farverne på et almindeligt farvehjul og ligger for det meste i den varme halvdel: rødt vendt til rust, orange vendt til ler, gult vendt til okker, grønt vendt til oliven og salvie. Mange er opkaldt efter rigtige pigmenter, som sienna og umbra, der oprindeligt blev lavet af farvet jord.

Otte jordfarvepaletter

Hver palet opregner farver fra lyseste til mørkeste. Brug den første som baggrund, de midterste til former og billeder og den sidste til tekst.

Sådan balancerer du en jordfarvepalet

Jordfarver har lav mætning til fælles, så lyshed må gøre det arbejde, som mætning plejer at gøre. Hvis alle dine farver er mellemtoner, ser designet fladt og mudret ud. Fordel dem på lyse, mellemste og mørke, og tildel dem derefter med 60-30-10-reglen.

Almindelige fejl med jordfarver

• Fem beige i træk. Farver med samme lyshed smelter sammen; behold mindst én meget lys og én meget mørk.
• Helt sort tekst. Den ser kold ud mod varme brune. Brug espresso eller bark i stedet.
• Blanding af varme og kolde brune. En lyserød terrakotta ved siden af en grå taupe ser tilfældig ud. Hold undertonerne ensartede.
• For mange accenter. Én lys tone løfter paletten; tre gør den til en helt anden palet.

Jordfarvegradienter

Jordfarver blander let, fordi de allerede ligger tæt i mætning, så der er lille risiko for en grå midte. Hold lyskilden blød, og tilføj korn, som passer til disse farvers materialefølelse. Brune gradienter og beige gradienter går dybere ind i hver familie.

Tekstfarver på jordfarver

Helt sort og helt hvid kan se hårde ud ved siden af så bløde farver. Brug en meget mørk brun til tekst på lyse bunde og en varm fløde på mørke; hvid virker stadig på de dybere mellemtoner som sienna og oliven. Forholdstallene bruger WCAG-formlen, hvor 4,5:1 er det sædvanlige mål for lille tekst; farvekontrast forklarer den.

Jordfarvepalet 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ære paletter overlapper med efterårsfarvepaletter, dæmpede farvepaletter og japandi-farver, så lån fra dem, når du har et fundament. Vil du have en jordnær baggrund med rigtigt materiale i, kombinerer Marks fra Gradiently farve med materialer, korn og lys, og Designer kan lægge opslag ud i din Mark ud fra en kort beskrivelse.