Registrieren Registrieren
Merry Mountain

Merry Mountain

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

Zurück zur Bibliothek

Merry Mountain

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Komplementär vibrant cold christmas mountain
Likes 21
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #4A3268;
  --c-earthy-3: #C40300;
  --c-earthy-4: #FA4D3A;
  --c-earthy-5: #FCFED6;
  --c-earthy-6: #F1D691;
  --c-earthy-7: #CEA98C;
  --c-earthy-8: #7F6861;
  --c-earthy-9: #327239;
  --c-earthy-10: #809D3C;
  --c-earthy-11: #2E84A3;
  --c-earthy-12: #3C606C;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Poetic Yellow (#FCFED6) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Petunia, Ghost Pepper, Orange Dusk, Poetic Yellow, Oat Straw, Cliff Brown, Plumburn, Japanese Laurel, Aloe Vera Green, Prominent Blue und Juniper Berry Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FCFED6 mit 20,29: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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminanz
0,000
Petunia #4A3268
RGB
rgb(74, 50, 104)
HSL
hsl(267, 35%, 30%)
Luminanz
0,047
Ghost Pepper #C40300
RGB
rgb(196, 3, 0)
HSL
hsl(1, 100%, 38%)
Luminanz
0,118
Orange Dusk #FA4D3A
RGB
rgb(250, 77, 58)
HSL
hsl(6, 95%, 60%)
Luminanz
0,259
Poetic Yellow #FCFED6
RGB
rgb(252, 254, 214)
HSL
hsl(63, 95%, 92%)
Luminanz
0,964
Oat Straw #F1D691
RGB
rgb(241, 214, 145)
HSL
hsl(43, 77%, 76%)
Luminanz
0,688
Cliff Brown #CEA98C
RGB
rgb(206, 169, 140)
HSL
hsl(26, 40%, 68%)
Luminanz
0,434
Plumburn #7F6861
RGB
rgb(127, 104, 97)
HSL
hsl(14, 13%, 44%)
Luminanz
0,153
Japanese Laurel #327239
RGB
rgb(50, 114, 57)
HSL
hsl(127, 39%, 32%)
Luminanz
0,130
Aloe Vera Green #809D3C
RGB
rgb(128, 157, 60)
HSL
hsl(78, 45%, 43%)
Luminanz
0,290
Prominent Blue #2E84A3
RGB
rgb(46, 132, 163)
HSL
hsl(196, 56%, 41%)
Luminanz
0,197
Juniper Berry Blue #3C606C
RGB
rgb(60, 96, 108)
HSL
hsl(195, 29%, 33%)
Luminanz
0,104

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FCFED6 20,29:1 AAA
Aa #000000 auf #F1D691 14,77:1 AAA
Aa #4A3268 auf #FCFED6 10,42:1 AAA
Aa #000000 auf #CEA98C 9,68:1 AAA
Aa #4A3268 auf #F1D691 7,58:1 AAA
Aa #000000 auf #809D3C 6,81:1 AA
Aa #FCFED6 auf #3C606C 6,58:1 AA
Aa #000000 auf #FA4D3A 6,19:1 AA
Aa #C40300 auf #FCFED6 6,04:1 AA
Aa #FCFED6 auf #327239 5,63:1 AA
Aa #FCFED6 auf #7F6861 5,00:1 AA
Aa #4A3268 auf #CEA98C 4,97:1 AA
Aa #000000 auf #2E84A3 4,95:1 AA
Aa #F1D691 auf #3C606C 4,79:1 AA
Aa #C40300 auf #F1D691 4,39:1 AA (großer Text)
Aa #FCFED6 auf #2E84A3 4,10:1 AA (großer Text)
Aa #F1D691 auf #327239 4,10:1 AA (großer Text)
Aa #000000 auf #7F6861 4,06:1 AA (großer Text)
Aa #F1D691 auf #7F6861 3,64:1 AA (großer Text)
Aa #000000 auf #327239 3,60:1 AA (großer Text)
Aa #4A3268 auf #809D3C 3,50:1 AA (großer Text)
Aa #000000 auf #C40300 3,36:1 AA (großer Text)
Aa #FA4D3A auf #FCFED6 3,28:1 AA (großer Text)
Aa #4A3268 auf #FA4D3A 3,18:1 AA (großer Text)
Aa #CEA98C auf #3C606C 3,14:1 AA (großer Text)
Aa #000000 auf #3C606C 3,08:1 AA (großer Text)
Aa #F1D691 auf #2E84A3 2,99:1 Nicht bestanden
Aa #FCFED6 auf #809D3C 2,98:1 Nicht bestanden
Aa #C40300 auf #CEA98C 2,88:1 Nicht bestanden
Aa #CEA98C auf #327239 2,69:1 Nicht bestanden
Aa #4A3268 auf #2E84A3 2,54:1 Nicht bestanden
Aa #FA4D3A auf #F1D691 2,39:1 Nicht bestanden
Aa #CEA98C auf #7F6861 2,39:1 Nicht bestanden
Aa #809D3C auf #3C606C 2,21:1 Nicht bestanden
Aa #F1D691 auf #809D3C 2,17:1 Nicht bestanden
Aa #FCFED6 auf #CEA98C 2,10:1 Nicht bestanden
Aa #4A3268 auf #7F6861 2,08:1 Nicht bestanden
Aa #C40300 auf #809D3C 2,03:1 Nicht bestanden
Aa #FA4D3A auf #3C606C 2,01:1 Nicht bestanden
Aa #CEA98C auf #2E84A3 1,96:1 Nicht bestanden
Aa #000000 auf #4A3268 1,95:1 Nicht bestanden
Aa #327239 auf #809D3C 1,89:1 Nicht bestanden
Aa #4A3268 auf #327239 1,85:1 Nicht bestanden
Aa #C40300 auf #FA4D3A 1,84:1 Nicht bestanden
Aa #4A3268 auf #C40300 1,73:1 Nicht bestanden
Aa #FA4D3A auf #327239 1,72:1 Nicht bestanden
Aa #7F6861 auf #809D3C 1,68:1 Nicht bestanden
Aa #2E84A3 auf #3C606C 1,60:1 Nicht bestanden
Aa #4A3268 auf #3C606C 1,58:1 Nicht bestanden
Aa #FA4D3A auf #CEA98C 1,56:1 Nicht bestanden
Aa #FA4D3A auf #7F6861 1,53:1 Nicht bestanden
Aa #F1D691 auf #CEA98C 1,53:1 Nicht bestanden
Aa #C40300 auf #2E84A3 1,47:1 Nicht bestanden
Aa #CEA98C auf #809D3C 1,42:1 Nicht bestanden
Aa #809D3C auf #2E84A3 1,38:1 Nicht bestanden
Aa #FCFED6 auf #F1D691 1,37:1 Nicht bestanden
Aa #327239 auf #2E84A3 1,37:1 Nicht bestanden
Aa #7F6861 auf #3C606C 1,32:1 Nicht bestanden
Aa #FA4D3A auf #2E84A3 1,25:1 Nicht bestanden
Aa #7F6861 auf #2E84A3 1,22:1 Nicht bestanden
Aa #C40300 auf #7F6861 1,21:1 Nicht bestanden
Aa #327239 auf #3C606C 1,17:1 Nicht bestanden
Aa #7F6861 auf #327239 1,13:1 Nicht bestanden
Aa #FA4D3A auf #809D3C 1,10:1 Nicht bestanden
Aa #C40300 auf #3C606C 1,09:1 Nicht bestanden
Aa #C40300 auf #327239 1,07: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