Mesa Vapor

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Mesa Vapor

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 7 Farben Warm Gemischt Komplementär green orange red cactus

Likes 49

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #EEEEEE;
  --c-earthy-2: #89BABF;
  --c-earthy-3: #34402B;
  --c-earthy-4: #4B7230;
  --c-earthy-5: #3D2B2B;
  --c-earthy-6: #5D3A3A;
  --c-earthy-7: #9F5644;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Super Silver (#EEEEEE) bis zum dunkelsten Ton Wenge Black (#3D2B2B). Sie vereint Super Silver, Sea Angel, Deep Seaweed, Botanical, Wenge Black, Pa Red und Ceramic Brown in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EEEEEE auf #3D2B2B mit 11,46:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Super Silver #EEEEEE

RGB: rgb(238, 238, 238)
HSL: hsl(0, 0%, 93%)
Luminanz: 0,855

Sea Angel #89BABF

RGB: rgb(137, 186, 191)
HSL: hsl(186, 30%, 64%)
Luminanz: 0,442

Deep Seaweed #34402B

RGB: rgb(52, 64, 43)
HSL: hsl(94, 20%, 21%)
Luminanz: 0,046

Botanical #4B7230

RGB: rgb(75, 114, 48)
HSL: hsl(95, 41%, 32%)
Luminanz: 0,137

Wenge Black #3D2B2B

RGB: rgb(61, 43, 43)
HSL: hsl(0, 17%, 20%)
Luminanz: 0,029

Pa Red #5D3A3A

RGB: rgb(93, 58, 58)
HSL: hsl(0, 23%, 30%)
Luminanz: 0,057

Ceramic Brown #9F5644

RGB: rgb(159, 86, 68)
HSL: hsl(12, 40%, 45%)
Luminanz: 0,144

Kontrast & Barrierefreiheit

8 von 21 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #EEEEEE auf #3D2B2B 11,46:1 AAA

Aa #EEEEEE auf #34402B 9,46:1 AAA

Aa #EEEEEE auf #5D3A3A 8,49:1 AAA

Aa #89BABF auf #3D2B2B 6,23:1 AA

Aa #89BABF auf #34402B 5,14:1 AA

Aa #EEEEEE auf #4B7230 4,83:1 AA

Aa #EEEEEE auf #9F5644 4,65:1 AA

Aa #89BABF auf #5D3A3A 4,62:1 AA

Aa #89BABF auf #4B7230 2,62:1 Nicht bestanden

Aa #89BABF auf #9F5644 2,53:1 Nicht bestanden

Aa #3D2B2B auf #9F5644 2,46:1 Nicht bestanden

Aa #4B7230 auf #3D2B2B 2,37:1 Nicht bestanden

Aa #34402B auf #9F5644 2,03:1 Nicht bestanden

Aa #34402B auf #4B7230 1,96:1 Nicht bestanden

Aa #EEEEEE auf #89BABF 1,84:1 Nicht bestanden

Aa #5D3A3A auf #9F5644 1,82:1 Nicht bestanden

Aa #4B7230 auf #5D3A3A 1,76:1 Nicht bestanden

Aa #3D2B2B auf #5D3A3A 1,35:1 Nicht bestanden

Aa #34402B auf #3D2B2B 1,21:1 Nicht bestanden

Aa #34402B auf #5D3A3A 1,11:1 Nicht bestanden

Aa #4B7230 auf #9F5644 1,04:1 Nicht bestanden

Mesa Vapor

Mesa Vapor

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen