Tokyo Lo Fi 8

Tokyo Lo Fi 8

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Analog

Tokyo Lo Fi 8

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten
Erdig 8 Farben Warm Gemischt Analog pixelart chill lofi tokyo
Likes 39
Farben 8


CSS-Variablen

:root {
  --c-earthy-1: #6D8577;
  --c-earthy-2: #CCBA9B;
  --c-earthy-3: #ECDFBF;
  --c-earthy-4: #DF9A73;
  --c-earthy-5: #9C4827;
  --c-earthy-6: #976159;
  --c-earthy-7: #2E3334;
  --c-earthy-8: #161412;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Shell Haven (#ECDFBF) bis zum dunkelsten Ton Kokushoku Black (#161412). Sie vereint Blueridge Fir, Crewel Tan, Shell Haven, Baked Salmon, Coco Muck, Brick Hearth, Phantom Ship und Kokushoku Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #ECDFBF auf #161412 mit 13,89: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

Blueridge Fir #6D8577
RGB
rgb(109, 133, 119)
HSL
hsl(145, 10%, 47%)
Luminanz
0,214
Crewel Tan #CCBA9B
RGB
rgb(204, 186, 155)
HSL
hsl(38, 32%, 70%)
Luminanz
0,503
Shell Haven #ECDFBF
RGB
rgb(236, 223, 191)
HSL
hsl(43, 54%, 84%)
Luminanz
0,744
Baked Salmon #DF9A73
RGB
rgb(223, 154, 115)
HSL
hsl(22, 63%, 66%)
Luminanz
0,400
Coco Muck #9C4827
RGB
rgb(156, 72, 39)
HSL
hsl(17, 60%, 38%)
Luminanz
0,119
Brick Hearth #976159
RGB
rgb(151, 97, 89)
HSL
hsl(8, 26%, 47%)
Luminanz
0,159
Phantom Ship #2E3334
RGB
rgb(46, 51, 52)
HSL
hsl(190, 6%, 19%)
Luminanz
0,032
Kokushoku Black #161412
RGB
rgb(22, 20, 18)
HSL
hsl(30, 10%, 8%)
Luminanz
0,007

Kontrast & Barrierefreiheit

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

Aa #ECDFBF auf #161412 13,89:1 AAA
Aa #CCBA9B auf #161412 9,68:1 AAA
Aa #ECDFBF auf #2E3334 9,68:1 AAA
Aa #DF9A73 auf #161412 7,88:1 AAA
Aa #CCBA9B auf #2E3334 6,75:1 AA
Aa #DF9A73 auf #2E3334 5,49:1 AA
Aa #ECDFBF auf #9C4827 4,71:1 AA
Aa #6D8577 auf #161412 4,61:1 AA
Aa #ECDFBF auf #976159 3,81:1 AA (großer Text)
Aa #976159 auf #161412 3,65:1 AA (großer Text)
Aa #CCBA9B auf #9C4827 3,28:1 AA (großer Text)
Aa #6D8577 auf #2E3334 3,22:1 AA (großer Text)
Aa #6D8577 auf #ECDFBF 3,01:1 AA (großer Text)
Aa #9C4827 auf #161412 2,95:1 Nicht bestanden
Aa #DF9A73 auf #9C4827 2,67:1 Nicht bestanden
Aa #CCBA9B auf #976159 2,65:1 Nicht bestanden
Aa #976159 auf #2E3334 2,54:1 Nicht bestanden
Aa #DF9A73 auf #976159 2,16:1 Nicht bestanden
Aa #6D8577 auf #CCBA9B 2,10:1 Nicht bestanden
Aa #9C4827 auf #2E3334 2,06:1 Nicht bestanden
Aa #ECDFBF auf #DF9A73 1,76:1 Nicht bestanden
Aa #6D8577 auf #DF9A73 1,71:1 Nicht bestanden
Aa #6D8577 auf #9C4827 1,56:1 Nicht bestanden
Aa #CCBA9B auf #ECDFBF 1,43:1 Nicht bestanden
Aa #2E3334 auf #161412 1,43:1 Nicht bestanden
Aa #6D8577 auf #976159 1,26:1 Nicht bestanden
Aa #9C4827 auf #976159 1,24:1 Nicht bestanden
Aa #CCBA9B auf #DF9A73 1,23:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben