Registrieren Registrieren
Blue Memories

Blue Memories

Palette mit 11 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Blue Memories

Palette mit 11 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten
Gedeckt 11 Farben Kühl Gemischt Analog black blues greens retropalette
Likes 16
Farben 11

CSS-Variablen

:root {
  --c-muted-1: #000000;
  --c-muted-2: #203633;
  --c-muted-3: #04757B;
  --c-muted-4: #1C9987;
  --c-muted-5: #22AB96;
  --c-muted-6: #5FCCAF;
  --c-muted-7: #7FE8B5;
  --c-muted-8: #9DCCC4;
  --c-muted-9: #CED6B5;
  --c-muted-10: #EFE7C3;
  --c-muted-11: #EFB591;
}

Über diese Palette

Diese gedeckte Palette mit 11 Farben reicht vom hellsten Ton Fake Blonde (#EFE7C3) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Fait Accompli, Scurf Green, Flamboyant Teal, Mermaid Song, Tropical Tide, Jittery Jade, Thermal Aqua, Avocado Whip, Fake Blonde und Chilli Dip in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #EFE7C3 mit 16,89: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
Fait Accompli #203633
RGB
rgb(32, 54, 51)
HSL
hsl(172, 26%, 17%)
Luminanz
0,032
Scurf Green #04757B
RGB
rgb(4, 117, 123)
HSL
hsl(183, 94%, 25%)
Luminanz
0,142
Flamboyant Teal #1C9987
RGB
rgb(28, 153, 135)
HSL
hsl(171, 69%, 35%)
Luminanz
0,248
Mermaid Song #22AB96
RGB
rgb(34, 171, 150)
HSL
hsl(171, 67%, 40%)
Luminanz
0,317
Tropical Tide #5FCCAF
RGB
rgb(95, 204, 175)
HSL
hsl(164, 52%, 59%)
Luminanz
0,487
Jittery Jade #7FE8B5
RGB
rgb(127, 232, 181)
HSL
hsl(151, 70%, 70%)
Luminanz
0,656
Thermal Aqua #9DCCC4
RGB
rgb(157, 204, 196)
HSL
hsl(170, 32%, 71%)
Luminanz
0,543
Avocado Whip #CED6B5
RGB
rgb(206, 214, 181)
HSL
hsl(75, 29%, 77%)
Luminanz
0,646
Fake Blonde #EFE7C3
RGB
rgb(239, 231, 195)
HSL
hsl(49, 58%, 85%)
Luminanz
0,794
Chilli Dip #EFB591
RGB
rgb(239, 181, 145)
HSL
hsl(23, 75%, 75%)
Luminanz
0,534

Kontrast & Barrierefreiheit

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

Aa #000000 auf #EFE7C3 16,89:1 AAA
Aa #000000 auf #7FE8B5 14,11:1 AAA
Aa #000000 auf #CED6B5 13,91:1 AAA
Aa #000000 auf #9DCCC4 11,87:1 AAA
Aa #000000 auf #EFB591 11,69:1 AAA
Aa #000000 auf #5FCCAF 10,74:1 AAA
Aa #203633 auf #EFE7C3 10,32:1 AAA
Aa #203633 auf #7FE8B5 8,62:1 AAA
Aa #203633 auf #CED6B5 8,50:1 AAA
Aa #000000 auf #22AB96 7,33:1 AAA
Aa #203633 auf #9DCCC4 7,25:1 AAA
Aa #203633 auf #EFB591 7,14:1 AAA
Aa #203633 auf #5FCCAF 6,56:1 AA
Aa #000000 auf #1C9987 5,96:1 AA
Aa #203633 auf #22AB96 4,48:1 AA (großer Text)
Aa #04757B auf #EFE7C3 4,40:1 AA (großer Text)
Aa #000000 auf #04757B 3,84:1 AA (großer Text)
Aa #04757B auf #7FE8B5 3,68:1 AA (großer Text)
Aa #203633 auf #1C9987 3,64:1 AA (großer Text)
Aa #04757B auf #CED6B5 3,63:1 AA (großer Text)
Aa #04757B auf #9DCCC4 3,09:1 AA (großer Text)
Aa #04757B auf #EFB591 3,05:1 AA (großer Text)
Aa #1C9987 auf #EFE7C3 2,84:1 Nicht bestanden
Aa #04757B auf #5FCCAF 2,80:1 Nicht bestanden
Aa #1C9987 auf #7FE8B5 2,37:1 Nicht bestanden
Aa #203633 auf #04757B 2,34:1 Nicht bestanden
Aa #1C9987 auf #CED6B5 2,34:1 Nicht bestanden
Aa #22AB96 auf #EFE7C3 2,30:1 Nicht bestanden
Aa #1C9987 auf #9DCCC4 1,99:1 Nicht bestanden
Aa #1C9987 auf #EFB591 1,96:1 Nicht bestanden
Aa #22AB96 auf #7FE8B5 1,92:1 Nicht bestanden
Aa #04757B auf #22AB96 1,91:1 Nicht bestanden
Aa #22AB96 auf #CED6B5 1,90:1 Nicht bestanden
Aa #1C9987 auf #5FCCAF 1,80:1 Nicht bestanden
Aa #000000 auf #203633 1,64:1 Nicht bestanden
Aa #22AB96 auf #9DCCC4 1,62:1 Nicht bestanden
Aa #22AB96 auf #EFB591 1,59:1 Nicht bestanden
Aa #5FCCAF auf #EFE7C3 1,57:1 Nicht bestanden
Aa #04757B auf #1C9987 1,55:1 Nicht bestanden
Aa #22AB96 auf #5FCCAF 1,46:1 Nicht bestanden
Aa #EFE7C3 auf #EFB591 1,44:1 Nicht bestanden
Aa #9DCCC4 auf #EFE7C3 1,42:1 Nicht bestanden
Aa #5FCCAF auf #7FE8B5 1,31:1 Nicht bestanden
Aa #5FCCAF auf #CED6B5 1,29:1 Nicht bestanden
Aa #1C9987 auf #22AB96 1,23:1 Nicht bestanden
Aa #7FE8B5 auf #EFB591 1,21:1 Nicht bestanden
Aa #CED6B5 auf #EFE7C3 1,21:1 Nicht bestanden
Aa #7FE8B5 auf #EFE7C3 1,20:1 Nicht bestanden
Aa #7FE8B5 auf #9DCCC4 1,19:1 Nicht bestanden
Aa #CED6B5 auf #EFB591 1,19:1 Nicht bestanden
Aa #9DCCC4 auf #CED6B5 1,17:1 Nicht bestanden
Aa #5FCCAF auf #9DCCC4 1,10:1 Nicht bestanden
Aa #5FCCAF auf #EFB591 1,09:1 Nicht bestanden
Aa #9DCCC4 auf #EFB591 1,02:1 Nicht bestanden
Aa #7FE8B5 auf #CED6B5 1,01:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben