Registrieren Registrieren
Early Autumn 8

Early Autumn 8

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

Zurück zur Bibliothek

Early Autumn 8

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

Bearbeiten
Lebendig 8 Farben Warm Gemischt Analog green orange fall vibrant
Likes 28
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #FFECBD;
  --c-vibrant-2: #FFD15C;
  --c-vibrant-3: #FF951E;
  --c-vibrant-4: #E65522;
  --c-vibrant-5: #835F01;
  --c-vibrant-6: #3E480C;
  --c-vibrant-7: #1A290C;
  --c-vibrant-8: #060F03;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Soft Buttercup (#FFECBD) bis zum dunkelsten Ton Whiten’t (#060F03). Sie vereint Soft Buttercup, Radler, Dragon Ball, Scorpio Scarlet Seal, Soil of Avagddu, Alligator Gladiator, Lindworm Green und Whiten’t in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFECBD auf #060F03 mit 16,69:1.

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

Farben im Detail

Soft Buttercup #FFECBD
RGB
rgb(255, 236, 189)
HSL
hsl(43, 100%, 87%)
Luminanz
0,849
Radler #FFD15C
RGB
rgb(255, 209, 92)
HSL
hsl(43, 100%, 68%)
Luminanz
0,676
Dragon Ball #FF951E
RGB
rgb(255, 149, 30)
HSL
hsl(32, 100%, 56%)
Luminanz
0,429
Scorpio Scarlet Seal #E65522
RGB
rgb(230, 85, 34)
HSL
hsl(16, 80%, 52%)
Luminanz
0,234
Soil of Avagddu #835F01
RGB
rgb(131, 95, 1)
HSL
hsl(43, 98%, 26%)
Luminanz
0,130
Alligator Gladiator #3E480C
RGB
rgb(62, 72, 12)
HSL
hsl(70, 71%, 16%)
Luminanz
0,057
Lindworm Green #1A290C
RGB
rgb(26, 41, 12)
HSL
hsl(91, 55%, 10%)
Luminanz
0,018
Whiten’t #060F03
RGB
rgb(6, 15, 3)
HSL
hsl(105, 67%, 4%)
Luminanz
0,004

Kontrast & Barrierefreiheit

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

Aa #FFECBD auf #060F03 16,69:1 AAA
Aa #FFD15C auf #060F03 13,48:1 AAA
Aa #FFECBD auf #1A290C 13,16:1 AAA
Aa #FFD15C auf #1A290C 10,63:1 AAA
Aa #FF951E auf #060F03 8,88:1 AAA
Aa #FFECBD auf #3E480C 8,42:1 AAA
Aa #FF951E auf #1A290C 7,00:1 AAA
Aa #FFD15C auf #3E480C 6,80:1 AA
Aa #E65522 auf #060F03 5,28:1 AA
Aa #FFECBD auf #835F01 4,99:1 AA
Aa #FF951E auf #3E480C 4,48:1 AA (großer Text)
Aa #E65522 auf #1A290C 4,16:1 AA (großer Text)
Aa #FFD15C auf #835F01 4,03:1 AA (großer Text)
Aa #835F01 auf #060F03 3,34:1 AA (großer Text)
Aa #FFECBD auf #E65522 3,16:1 AA (großer Text)
Aa #FF951E auf #835F01 2,66:1 Nicht bestanden
Aa #E65522 auf #3E480C 2,66:1 Nicht bestanden
Aa #835F01 auf #1A290C 2,64:1 Nicht bestanden
Aa #FFD15C auf #E65522 2,55:1 Nicht bestanden
Aa #3E480C auf #060F03 1,98:1 Nicht bestanden
Aa #FFECBD auf #FF951E 1,88:1 Nicht bestanden
Aa #835F01 auf #3E480C 1,69:1 Nicht bestanden
Aa #FF951E auf #E65522 1,68:1 Nicht bestanden
Aa #E65522 auf #835F01 1,58:1 Nicht bestanden
Aa #3E480C auf #1A290C 1,56:1 Nicht bestanden
Aa #FFD15C auf #FF951E 1,52:1 Nicht bestanden
Aa #1A290C auf #060F03 1,27:1 Nicht bestanden
Aa #FFECBD auf #FFD15C 1,24: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