Registrieren Registrieren
Rustic Rainbow 🌈

Rustic Rainbow 🌈

Palette mit 12 Farben · Warm · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Rustic Rainbow 🌈

Palette mit 12 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten
Gedeckt 12 Farben Warm Dunkel Komplementär polyphrog soundsdotzip rustic rainbow
Likes 175
Farben 12

CSS-Variablen

:root {
  --c-muted-1: #000000;
  --c-muted-2: #2B2422;
  --c-muted-3: #534D37;
  --c-muted-4: #638454;
  --c-muted-5: #6E9D8E;
  --c-muted-6: #4D596D;
  --c-muted-7: #3E213E;
  --c-muted-8: #773F37;
  --c-muted-9: #976749;
  --c-muted-10: #AFA074;
  --c-muted-11: #CBC6BE;
  --c-muted-12: #8B847F;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Early Evening (#CBC6BE) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Gold Black, Panda, Kale, Greyish Teal, Midnight Sun, Profound Mauve, Florence Red, Copper Pot, Throw Rug, Early Evening und Mecha Grey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #CBC6BE mit 12,36:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminanz
0,000
Gold Black #2B2422
RGB
rgb(43, 36, 34)
HSL
hsl(13, 12%, 15%)
Luminanz
0,019
Panda #534D37
RGB
rgb(83, 77, 55)
HSL
hsl(47, 20%, 27%)
Luminanz
0,074
Kale #638454
RGB
rgb(99, 132, 84)
HSL
hsl(101, 22%, 42%)
Luminanz
0,198
Greyish Teal #6E9D8E
RGB
rgb(110, 157, 142)
HSL
hsl(161, 19%, 52%)
Luminanz
0,294
Midnight Sun #4D596D
RGB
rgb(77, 89, 109)
HSL
hsl(218, 17%, 36%)
Luminanz
0,098
Profound Mauve #3E213E
RGB
rgb(62, 33, 62)
HSL
hsl(300, 31%, 19%)
Luminanz
0,025
Florence Red #773F37
RGB
rgb(119, 63, 55)
HSL
hsl(8, 37%, 34%)
Luminanz
0,078
Copper Pot #976749
RGB
rgb(151, 103, 73)
HSL
hsl(23, 35%, 44%)
Luminanz
0,168
Throw Rug #AFA074
RGB
rgb(175, 160, 116)
HSL
hsl(45, 27%, 57%)
Luminanz
0,355
Early Evening #CBC6BE
RGB
rgb(203, 198, 190)
HSL
hsl(37, 11%, 77%)
Luminanz
0,568
Mecha Grey #8B847F
RGB
rgb(139, 132, 127)
HSL
hsl(25, 5%, 52%)
Luminanz
0,235

Kontrast & Barrierefreiheit

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

Aa #000000 auf #CBC6BE 12,36:1 AAA
Aa #2B2422 auf #CBC6BE 8,97:1 AAA
Aa #3E213E auf #CBC6BE 8,28:1 AAA
Aa #000000 auf #AFA074 8,10:1 AAA
Aa #000000 auf #6E9D8E 6,88:1 AA
Aa #2B2422 auf #AFA074 5,88:1 AA
Aa #000000 auf #8B847F 5,70:1 AA
Aa #3E213E auf #AFA074 5,43:1 AA
Aa #2B2422 auf #6E9D8E 4,99:1 AA
Aa #534D37 auf #CBC6BE 4,97:1 AA
Aa #000000 auf #638454 4,96:1 AA
Aa #773F37 auf #CBC6BE 4,85:1 AA
Aa #6E9D8E auf #3E213E 4,61:1 AA
Aa #000000 auf #976749 4,35:1 AA (großer Text)
Aa #4D596D auf #CBC6BE 4,17:1 AA (großer Text)
Aa #2B2422 auf #8B847F 4,14:1 AA (großer Text)
Aa #3E213E auf #8B847F 3,82:1 AA (großer Text)
Aa #2B2422 auf #638454 3,60:1 AA (großer Text)
Aa #638454 auf #3E213E 3,32:1 AA (großer Text)
Aa #534D37 auf #AFA074 3,26:1 AA (großer Text)
Aa #773F37 auf #AFA074 3,18:1 AA (großer Text)
Aa #2B2422 auf #976749 3,16:1 AA (großer Text)
Aa #000000 auf #4D596D 2,97:1 Nicht bestanden
Aa #3E213E auf #976749 2,92:1 Nicht bestanden
Aa #976749 auf #CBC6BE 2,84:1 Nicht bestanden
Aa #534D37 auf #6E9D8E 2,77:1 Nicht bestanden
Aa #4D596D auf #AFA074 2,73:1 Nicht bestanden
Aa #6E9D8E auf #773F37 2,70:1 Nicht bestanden
Aa #000000 auf #773F37 2,55:1 Nicht bestanden
Aa #638454 auf #CBC6BE 2,49:1 Nicht bestanden
Aa #000000 auf #534D37 2,48:1 Nicht bestanden
Aa #6E9D8E auf #4D596D 2,32:1 Nicht bestanden
Aa #534D37 auf #8B847F 2,30:1 Nicht bestanden
Aa #773F37 auf #8B847F 2,24:1 Nicht bestanden
Aa #CBC6BE auf #8B847F 2,17:1 Nicht bestanden
Aa #2B2422 auf #4D596D 2,15:1 Nicht bestanden
Aa #534D37 auf #638454 2,00:1 Nicht bestanden
Aa #4D596D auf #3E213E 1,99:1 Nicht bestanden
Aa #638454 auf #773F37 1,94:1 Nicht bestanden
Aa #4D596D auf #8B847F 1,92:1 Nicht bestanden
Aa #976749 auf #AFA074 1,86:1 Nicht bestanden
Aa #2B2422 auf #773F37 1,85:1 Nicht bestanden
Aa #2B2422 auf #534D37 1,80:1 Nicht bestanden
Aa #6E9D8E auf #CBC6BE 1,80:1 Nicht bestanden
Aa #534D37 auf #976749 1,75:1 Nicht bestanden
Aa #3E213E auf #773F37 1,71:1 Nicht bestanden
Aa #773F37 auf #976749 1,71:1 Nicht bestanden
Aa #534D37 auf #3E213E 1,67:1 Nicht bestanden
Aa #638454 auf #4D596D 1,67:1 Nicht bestanden
Aa #638454 auf #AFA074 1,63:1 Nicht bestanden
Aa #6E9D8E auf #976749 1,58:1 Nicht bestanden
Aa #AFA074 auf #CBC6BE 1,53:1 Nicht bestanden
Aa #000000 auf #3E213E 1,49:1 Nicht bestanden
Aa #4D596D auf #976749 1,47:1 Nicht bestanden
Aa #AFA074 auf #8B847F 1,42:1 Nicht bestanden
Aa #638454 auf #6E9D8E 1,39:1 Nicht bestanden
Aa #000000 auf #2B2422 1,38:1 Nicht bestanden
Aa #976749 auf #8B847F 1,31:1 Nicht bestanden
Aa #6E9D8E auf #8B847F 1,21:1 Nicht bestanden
Aa #534D37 auf #4D596D 1,19:1 Nicht bestanden
Aa #6E9D8E auf #AFA074 1,18:1 Nicht bestanden
Aa #4D596D auf #773F37 1,16:1 Nicht bestanden
Aa #638454 auf #8B847F 1,15:1 Nicht bestanden
Aa #638454 auf #976749 1,14:1 Nicht bestanden
Aa #2B2422 auf #3E213E 1,08:1 Nicht bestanden
Aa #534D37 auf #773F37 1,03:1 Nicht bestanden

Ähnliche Paletten

#000000 #3D0000 #950101 #FF0000
4 Farben
#E23E57 #88304E #522546 #311D3F
4 Farben
#FF204E #A0153E #5D0E41 #00224D
4 Farben
#030637 #3C0753 #720455 #910A67
4 Farben
#1C0A00 #361500 #603601 #CC9544
4 Farben
#252525 #FF0000 #AF0404 #414141
4 Farben
#362222 #171010 #423F3E #2B2B2B
4 Farben
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 Farben