Aardetinten kleurenpalet: aardse kleurcodes om te kopiëren

Een aardetinten kleurenpalet bestaat uit de gedempte, warme kleuren van natuurlijke materialen: zand #e7d8c3, klei #c2703d, sienna #a0522d, olijf #6b7046, schors #3d2b1f en de crèmes, okers en grijzen eromheen. Deze kleuren voelen rustig en eerlijk omdat we ze zien in grond, steen, hout en droog gras. De truc is bereik. Een goed aards palet heeft altijd een lichte ondergrond, een of twee middentonen en een diepe donkere kleur, anders wordt het één beige vlek. Hieronder staan acht paletten met codes die je kunt kopiëren.

Wat telt als aardetint

Aardetinten hebben een lagere verzadiging dan de kleuren op een standaard kleurenwiel en zitten vooral in de warme helft: rood wordt roest, oranje wordt klei, geel wordt oker, groen wordt olijf en salie. Veel kleuren zijn vernoemd naar echte pigmenten, zoals sienna en omber, die oorspronkelijk van gekleurde aarde werden gemaakt.

Acht aardetinten kleurenpaletten

Elk palet toont de kleuren van licht naar donker. Gebruik de eerste als achtergrond, de middelste voor vormen en beelden, en de laatste voor tekst.

Een aardetintenpalet in balans brengen

Aardetinten delen een lage verzadiging, dus lichtheid moet het werk doen dat verzadiging normaal doet. Zijn al je kleuren middentonen, dan ziet het ontwerp er plat en modderig uit. Verspreid ze over licht, midden en donker en verdeel ze dan met de 60 30 10 regel.

Veelgemaakte fouten met aardetinten

• Vijf beiges op een rij. Kleuren met dezelfde lichtheid vloeien samen; houd minstens één heel lichte en één heel donkere aan.
• Zuiver zwarte tekst. Die ziet er koud uit naast warme bruintinten. Gebruik espresso of schors.
• Warme en koele bruintinten mengen. Een roze terracotta naast een grijze taupe ziet er per ongeluk uit. Houd de ondertonen consistent.
• Te veel accenten. Eén heldere noot tilt het palet op; drie maken er een heel ander palet van.

Aardetinten verlopen

Aardetinten mengen makkelijk omdat ze al dicht bij elkaar liggen in verzadiging, dus er is weinig risico op een grijs midden. Houd de lichtbron zacht en voeg korrel toe, wat past bij het materiaalgevoel van deze kleuren. Bruine verlopen en beige verlopen gaan dieper in op elke familie.

Tekstkleuren op aardetinten

Zuiver zwart en zuiver wit kunnen hard ogen naast zulke zachte kleuren. Gebruik een heel donkerbruin voor tekst op lichte ondergronden en een warm crème op donkere; wit werkt nog steeds op de diepere middentonen zoals sienna en olijf. De verhoudingen volgen de WCAG-formule, waarbij 4,5:1 het gebruikelijke doel is voor kleine tekst; kleurcontrast legt het uit.

Aardetintenpalet als CSS-variabelen

: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%);
}

Aardse paletten overlappen met herfstkleurenpaletten, gedempte kleurenpaletten en Japandi-kleuren, dus leen daarvan zodra je een basis hebt. Wil je een aardse achtergrond met echt materiaal erin, dan combineren de Marks van Gradiently kleur met materialen, korrel en licht, en kan de Designer posts in je Mark opmaken vanuit een korte beschrijving.