Registrieren Registrieren
Harvest Goldy

Harvest Goldy

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Harvest Goldy

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten
Lebendig 12 Farben Warm Gemischt Monochrom muted gold saturated 12
Likes 23
Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #271201;
  --c-vibrant-2: #592B08;
  --c-vibrant-3: #82401E;
  --c-vibrant-4: #BC500E;
  --c-vibrant-5: #F2601C;
  --c-vibrant-6: #F19609;
  --c-vibrant-7: #F7BC08;
  --c-vibrant-8: #726747;
  --c-vibrant-9: #9D8E33;
  --c-vibrant-10: #B9A63F;
  --c-vibrant-11: #C3B97C;
  --c-vibrant-12: #74A8A2;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton Chocobo Feather (#F7BC08) bis zum dunkelsten Ton Super Black (#271201). Sie vereint Super Black, Count Chocula, Dusky Orange, Bloodhound, Scarlet Ibis, Laughing Orange, Chocobo Feather, Back to Basics, Banana Leaf, Brass, Frozen Marguerita und Steel Pan Mallet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #271201 auf #F7BC08 mit 10,36:1.

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

Farben im Detail

Super Black #271201
RGB
rgb(39, 18, 1)
HSL
hsl(27, 95%, 8%)
Luminanz
0,009
Count Chocula #592B08
RGB
rgb(89, 43, 8)
HSL
hsl(26, 84%, 19%)
Luminanz
0,039
Dusky Orange #82401E
RGB
rgb(130, 64, 30)
HSL
hsl(20, 63%, 31%)
Luminanz
0,085
Bloodhound #BC500E
RGB
rgb(188, 80, 14)
HSL
hsl(23, 86%, 40%)
Luminanz
0,165
Scarlet Ibis #F2601C
RGB
rgb(242, 96, 28)
HSL
hsl(19, 89%, 53%)
Luminanz
0,273
Laughing Orange #F19609
RGB
rgb(241, 150, 9)
HSL
hsl(36, 93%, 49%)
Luminanz
0,405
Chocobo Feather #F7BC08
RGB
rgb(247, 188, 8)
HSL
hsl(45, 94%, 50%)
Luminanz
0,558
Back to Basics #726747
RGB
rgb(114, 103, 71)
HSL
hsl(45, 23%, 36%)
Luminanz
0,137
Banana Leaf #9D8E33
RGB
rgb(157, 142, 51)
HSL
hsl(52, 51%, 41%)
Luminanz
0,268
Brass #B9A63F
RGB
rgb(185, 166, 63)
HSL
hsl(51, 49%, 49%)
Luminanz
0,380
Frozen Marguerita #C3B97C
RGB
rgb(195, 185, 124)
HSL
hsl(52, 37%, 63%)
Luminanz
0,478
Steel Pan Mallet #74A8A2
RGB
rgb(116, 168, 162)
HSL
hsl(173, 23%, 56%)
Luminanz
0,343

Kontrast & Barrierefreiheit

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

Aa #271201 auf #F7BC08 10,36:1 AAA
Aa #271201 auf #C3B97C 8,99:1 AAA
Aa #271201 auf #F19609 7,76:1 AAA
Aa #271201 auf #B9A63F 7,32:1 AAA
Aa #592B08 auf #F7BC08 6,85:1 AA
Aa #271201 auf #74A8A2 6,70:1 AA
Aa #592B08 auf #C3B97C 5,95:1 AA
Aa #271201 auf #F2601C 5,51:1 AA
Aa #271201 auf #9D8E33 5,41:1 AA
Aa #592B08 auf #F19609 5,13:1 AA
Aa #592B08 auf #B9A63F 4,84:1 AA
Aa #82401E auf #F7BC08 4,50:1 AA
Aa #592B08 auf #74A8A2 4,43:1 AA (großer Text)
Aa #82401E auf #C3B97C 3,91:1 AA (großer Text)
Aa #271201 auf #BC500E 3,66:1 AA (großer Text)
Aa #592B08 auf #F2601C 3,64:1 AA (großer Text)
Aa #592B08 auf #9D8E33 3,58:1 AA (großer Text)
Aa #82401E auf #F19609 3,37:1 AA (großer Text)
Aa #F7BC08 auf #726747 3,24:1 AA (großer Text)
Aa #271201 auf #726747 3,19:1 AA (großer Text)
Aa #82401E auf #B9A63F 3,18:1 AA (großer Text)
Aa #82401E auf #74A8A2 2,91:1 Nicht bestanden
Aa #BC500E auf #F7BC08 2,83:1 Nicht bestanden
Aa #726747 auf #C3B97C 2,82:1 Nicht bestanden
Aa #BC500E auf #C3B97C 2,46:1 Nicht bestanden
Aa #F19609 auf #726747 2,43:1 Nicht bestanden
Aa #592B08 auf #BC500E 2,42:1 Nicht bestanden
Aa #82401E auf #F2601C 2,39:1 Nicht bestanden
Aa #82401E auf #9D8E33 2,35:1 Nicht bestanden
Aa #271201 auf #82401E 2,30:1 Nicht bestanden
Aa #726747 auf #B9A63F 2,29:1 Nicht bestanden
Aa #BC500E auf #F19609 2,12:1 Nicht bestanden
Aa #592B08 auf #726747 2,11:1 Nicht bestanden
Aa #726747 auf #74A8A2 2,10:1 Nicht bestanden
Aa #BC500E auf #B9A63F 2,00:1 Nicht bestanden
Aa #F7BC08 auf #9D8E33 1,91:1 Nicht bestanden
Aa #F2601C auf #F7BC08 1,88:1 Nicht bestanden
Aa #BC500E auf #74A8A2 1,83:1 Nicht bestanden
Aa #F2601C auf #726747 1,73:1 Nicht bestanden
Aa #726747 auf #9D8E33 1,70:1 Nicht bestanden
Aa #9D8E33 auf #C3B97C 1,66:1 Nicht bestanden
Aa #F2601C auf #C3B97C 1,63:1 Nicht bestanden
Aa #82401E auf #BC500E 1,59:1 Nicht bestanden
Aa #F7BC08 auf #74A8A2 1,54:1 Nicht bestanden
Aa #592B08 auf #82401E 1,52:1 Nicht bestanden
Aa #271201 auf #592B08 1,51:1 Nicht bestanden
Aa #BC500E auf #F2601C 1,51:1 Nicht bestanden
Aa #BC500E auf #9D8E33 1,48:1 Nicht bestanden
Aa #F19609 auf #9D8E33 1,43:1 Nicht bestanden
Aa #F2601C auf #F19609 1,41:1 Nicht bestanden
Aa #F7BC08 auf #B9A63F 1,41:1 Nicht bestanden
Aa #82401E auf #726747 1,39:1 Nicht bestanden
Aa #9D8E33 auf #B9A63F 1,35:1 Nicht bestanden
Aa #C3B97C auf #74A8A2 1,34:1 Nicht bestanden
Aa #F2601C auf #B9A63F 1,33:1 Nicht bestanden
Aa #F19609 auf #F7BC08 1,33:1 Nicht bestanden
Aa #9D8E33 auf #74A8A2 1,24:1 Nicht bestanden
Aa #B9A63F auf #C3B97C 1,23:1 Nicht bestanden
Aa #F2601C auf #74A8A2 1,22:1 Nicht bestanden
Aa #F19609 auf #C3B97C 1,16:1 Nicht bestanden
Aa #F19609 auf #74A8A2 1,16:1 Nicht bestanden
Aa #BC500E auf #726747 1,15:1 Nicht bestanden
Aa #F7BC08 auf #C3B97C 1,15:1 Nicht bestanden
Aa #B9A63F auf #74A8A2 1,09:1 Nicht bestanden
Aa #F19609 auf #B9A63F 1,06:1 Nicht bestanden
Aa #F2601C auf #9D8E33 1,02: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