Registrieren Registrieren
Soft Sunny Days

Soft Sunny Days

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

Zurück zur Bibliothek

Soft Sunny Days

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

Bearbeiten
Erdig 12 Farben Neutral Gemischt Komplementär soft soundsdotzip small 12
Likes 41
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #0B0A0D;
  --c-earthy-2: #5E656E;
  --c-earthy-3: #BAAE95;
  --c-earthy-4: #FFF8F2;
  --c-earthy-5: #75BAE6;
  --c-earthy-6: #3A3878;
  --c-earthy-7: #469173;
  --c-earthy-8: #7BC456;
  --c-earthy-9: #FAD461;
  --c-earthy-10: #E37444;
  --c-earthy-11: #B0305A;
  --c-earthy-12: #613321;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Sugar Milk (#FFF8F2) bis zum dunkelsten Ton Raven (#0B0A0D). Sie vereint Raven, Lava Grey, Nile Sand, Sugar Milk, Costa Rica Blue, Torea Bay, Good Luck, Green Flash, Salmon Eggs, Jaffa, Blood Thorn und Chubby Chocolate in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 19 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0B0A0D auf #FFF8F2 mit 18,77: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

Raven #0B0A0D
RGB
rgb(11, 10, 13)
HSL
hsl(260, 13%, 5%)
Luminanz
0,003
Lava Grey #5E656E
RGB
rgb(94, 101, 110)
HSL
hsl(214, 8%, 40%)
Luminanz
0,128
Nile Sand #BAAE95
RGB
rgb(186, 174, 149)
HSL
hsl(41, 21%, 66%)
Luminanz
0,429
Sugar Milk #FFF8F2
RGB
rgb(255, 248, 242)
HSL
hsl(28, 100%, 97%)
Luminanz
0,948
Costa Rica Blue #75BAE6
RGB
rgb(117, 186, 230)
HSL
hsl(203, 69%, 68%)
Luminanz
0,446
Torea Bay #3A3878
RGB
rgb(58, 56, 120)
HSL
hsl(242, 36%, 35%)
Luminanz
0,051
Good Luck #469173
RGB
rgb(70, 145, 115)
HSL
hsl(156, 35%, 42%)
Luminanz
0,228
Green Flash #7BC456
RGB
rgb(123, 196, 86)
HSL
hsl(100, 48%, 55%)
Luminanz
0,444
Salmon Eggs #FAD461
RGB
rgb(250, 212, 97)
HSL
hsl(45, 94%, 68%)
Luminanz
0,683
Jaffa #E37444
RGB
rgb(227, 116, 68)
HSL
hsl(18, 74%, 58%)
Luminanz
0,292
Blood Thorn #B0305A
RGB
rgb(176, 48, 90)
HSL
hsl(340, 57%, 44%)
Luminanz
0,121
Chubby Chocolate #613321
RGB
rgb(97, 51, 33)
HSL
hsl(17, 49%, 25%)
Luminanz
0,050

Kontrast & Barrierefreiheit

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

Aa #0B0A0D auf #FFF8F2 18,77:1 AAA
Aa #0B0A0D auf #FAD461 13,78:1 AAA
Aa #FFF8F2 auf #613321 9,96:1 AAA
Aa #FFF8F2 auf #3A3878 9,90:1 AAA
Aa #0B0A0D auf #75BAE6 9,33:1 AAA
Aa #0B0A0D auf #7BC456 9,28:1 AAA
Aa #0B0A0D auf #BAAE95 9,00:1 AAA
Aa #FAD461 auf #613321 7,31:1 AAA
Aa #3A3878 auf #FAD461 7,27:1 AAA
Aa #0B0A0D auf #E37444 6,44:1 AA
Aa #FFF8F2 auf #B0305A 5,84:1 AA
Aa #5E656E auf #FFF8F2 5,60:1 AA
Aa #0B0A0D auf #469173 5,23:1 AA
Aa #75BAE6 auf #613321 4,95:1 AA
Aa #7BC456 auf #613321 4,93:1 AA
Aa #75BAE6 auf #3A3878 4,92:1 AA
Aa #3A3878 auf #7BC456 4,90:1 AA
Aa #BAAE95 auf #613321 4,78:1 AA
Aa #BAAE95 auf #3A3878 4,75:1 AA
Aa #FAD461 auf #B0305A 4,29:1 AA (großer Text)
Aa #5E656E auf #FAD461 4,11:1 AA (großer Text)
Aa #FFF8F2 auf #469173 3,59:1 AA (großer Text)
Aa #E37444 auf #613321 3,42:1 AA (großer Text)
Aa #3A3878 auf #E37444 3,40:1 AA (großer Text)
Aa #0B0A0D auf #5E656E 3,35:1 AA (großer Text)
Aa #0B0A0D auf #B0305A 3,21:1 AA (großer Text)
Aa #FFF8F2 auf #E37444 2,91:1 Nicht bestanden
Aa #75BAE6 auf #B0305A 2,90:1 Nicht bestanden
Aa #7BC456 auf #B0305A 2,89:1 Nicht bestanden
Aa #BAAE95 auf #B0305A 2,80:1 Nicht bestanden
Aa #5E656E auf #75BAE6 2,79:1 Nicht bestanden
Aa #5E656E auf #7BC456 2,77:1 Nicht bestanden
Aa #469173 auf #613321 2,77:1 Nicht bestanden
Aa #3A3878 auf #469173 2,76:1 Nicht bestanden
Aa #5E656E auf #BAAE95 2,69:1 Nicht bestanden
Aa #469173 auf #FAD461 2,64:1 Nicht bestanden
Aa #FAD461 auf #E37444 2,14:1 Nicht bestanden
Aa #BAAE95 auf #FFF8F2 2,08:1 Nicht bestanden
Aa #FFF8F2 auf #7BC456 2,02:1 Nicht bestanden
Aa #FFF8F2 auf #75BAE6 2,01:1 Nicht bestanden
Aa #E37444 auf #B0305A 2,00:1 Nicht bestanden
Aa #5E656E auf #E37444 1,92:1 Nicht bestanden
Aa #0B0A0D auf #3A3878 1,90:1 Nicht bestanden
Aa #0B0A0D auf #613321 1,88:1 Nicht bestanden
Aa #75BAE6 auf #469173 1,79:1 Nicht bestanden
Aa #5E656E auf #613321 1,78:1 Nicht bestanden
Aa #469173 auf #7BC456 1,78:1 Nicht bestanden
Aa #5E656E auf #3A3878 1,77:1 Nicht bestanden
Aa #BAAE95 auf #469173 1,72:1 Nicht bestanden
Aa #B0305A auf #613321 1,71:1 Nicht bestanden
Aa #3A3878 auf #B0305A 1,69:1 Nicht bestanden
Aa #469173 auf #B0305A 1,63:1 Nicht bestanden
Aa #5E656E auf #469173 1,56:1 Nicht bestanden
Aa #BAAE95 auf #FAD461 1,53:1 Nicht bestanden
Aa #75BAE6 auf #FAD461 1,48:1 Nicht bestanden
Aa #7BC456 auf #FAD461 1,48:1 Nicht bestanden
Aa #75BAE6 auf #E37444 1,45:1 Nicht bestanden
Aa #7BC456 auf #E37444 1,44:1 Nicht bestanden
Aa #BAAE95 auf #E37444 1,40:1 Nicht bestanden
Aa #FFF8F2 auf #FAD461 1,36:1 Nicht bestanden
Aa #469173 auf #E37444 1,23:1 Nicht bestanden
Aa #5E656E auf #B0305A 1,04:1 Nicht bestanden
Aa #BAAE95 auf #75BAE6 1,04:1 Nicht bestanden
Aa #BAAE95 auf #7BC456 1,03:1 Nicht bestanden
Aa #75BAE6 auf #7BC456 1,01:1 Nicht bestanden
Aa #3A3878 auf #613321 1,01:1 Nicht bestanden

Ähnliche Paletten

#EDF1D6 #9DC08B #609966 #40513B
4 Farben
#F5F7F8 #F4CE14 #495E57 #45474B
4 Farben
#222831 #393E46 #FFD369 #EEEEEE
4 Farben
#000000 #52057B #892CDC #BC6FF1
4 Farben
#213555 #3E5879 #D8C4B6 #F5EFE7
4 Farben
#F5EFE7 #D8C4B6 #4F709C #213555
4 Farben
#191A19 #1E5128 #4E9F3D #D8E9A8
4 Farben
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 Farben