Registrieren Registrieren
Petrichor

Petrichor

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

Zurück zur Bibliothek

Petrichor

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

Bearbeiten
Gedeckt 12 Farben Kühl Gemischt Analog green blue soft muted
Likes 44
Farben 12

CSS-Variablen

:root {
  --c-muted-1: #445369;
  --c-muted-2: #586A76;
  --c-muted-3: #677081;
  --c-muted-4: #7A8AA1;
  --c-muted-5: #85A7B4;
  --c-muted-6: #97ADB6;
  --c-muted-7: #9FB3CC;
  --c-muted-8: #BBE3D8;
  --c-muted-9: #497173;
  --c-muted-10: #5B837F;
  --c-muted-11: #558B92;
  --c-muted-12: #6C8D7B;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Serendipity (#BBE3D8) bis zum dunkelsten Ton Into the Stratosphere (#445369). Sie vereint Into the Stratosphere, Blue Insignia, Flintstone, Hilo Bay, Equanimity, Pacific Bliss, Stellar Blue, Serendipity, Vining Ivy, Stream Burble, Dusty Turquoise und Hanging Vine in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #445369 auf #BBE3D8 mit 5,62:1.

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

Farben im Detail

Into the Stratosphere #445369
RGB
rgb(68, 83, 105)
HSL
hsl(216, 21%, 34%)
Luminanz
0,084
Blue Insignia #586A76
RGB
rgb(88, 106, 118)
HSL
hsl(204, 15%, 40%)
Luminanz
0,137
Flintstone #677081
RGB
rgb(103, 112, 129)
HSL
hsl(219, 11%, 45%)
Luminanz
0,161
Hilo Bay #7A8AA1
RGB
rgb(122, 138, 161)
HSL
hsl(215, 17%, 55%)
Luminanz
0,249
Equanimity #85A7B4
RGB
rgb(133, 167, 180)
HSL
hsl(197, 24%, 61%)
Luminanz
0,359
Pacific Bliss #97ADB6
RGB
rgb(151, 173, 182)
HSL
hsl(197, 18%, 65%)
Luminanz
0,398
Stellar Blue #9FB3CC
RGB
rgb(159, 179, 204)
HSL
hsl(213, 31%, 71%)
Luminanz
0,440
Serendipity #BBE3D8
RGB
rgb(187, 227, 216)
HSL
hsl(164, 42%, 81%)
Luminanz
0,705
Vining Ivy #497173
RGB
rgb(73, 113, 115)
HSL
hsl(183, 22%, 37%)
Luminanz
0,145
Stream Burble #5B837F
RGB
rgb(91, 131, 127)
HSL
hsl(174, 18%, 44%)
Luminanz
0,200
Dusty Turquoise #558B92
RGB
rgb(85, 139, 146)
HSL
hsl(187, 26%, 45%)
Luminanz
0,225
Hanging Vine #6C8D7B
RGB
rgb(108, 141, 123)
HSL
hsl(147, 13%, 49%)
Luminanz
0,237

Kontrast & Barrierefreiheit

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

Aa #445369 auf #BBE3D8 5,62:1 AA
Aa #586A76 auf #BBE3D8 4,04:1 AA (großer Text)
Aa #BBE3D8 auf #497173 3,88:1 AA (großer Text)
Aa #445369 auf #9FB3CC 3,64:1 AA (großer Text)
Aa #677081 auf #BBE3D8 3,58:1 AA (großer Text)
Aa #445369 auf #97ADB6 3,34:1 AA (großer Text)
Aa #445369 auf #85A7B4 3,05:1 AA (großer Text)
Aa #BBE3D8 auf #5B837F 3,02:1 AA (großer Text)
Aa #BBE3D8 auf #558B92 2,75:1 Nicht bestanden
Aa #BBE3D8 auf #6C8D7B 2,63:1 Nicht bestanden
Aa #586A76 auf #9FB3CC 2,62:1 Nicht bestanden
Aa #7A8AA1 auf #BBE3D8 2,52:1 Nicht bestanden
Aa #9FB3CC auf #497173 2,52:1 Nicht bestanden
Aa #586A76 auf #97ADB6 2,40:1 Nicht bestanden
Aa #677081 auf #9FB3CC 2,33:1 Nicht bestanden
Aa #97ADB6 auf #497173 2,30:1 Nicht bestanden
Aa #445369 auf #7A8AA1 2,22:1 Nicht bestanden
Aa #586A76 auf #85A7B4 2,19:1 Nicht bestanden
Aa #445369 auf #6C8D7B 2,13:1 Nicht bestanden
Aa #677081 auf #97ADB6 2,13:1 Nicht bestanden
Aa #85A7B4 auf #497173 2,10:1 Nicht bestanden
Aa #445369 auf #558B92 2,04:1 Nicht bestanden
Aa #9FB3CC auf #5B837F 1,96:1 Nicht bestanden
Aa #677081 auf #85A7B4 1,94:1 Nicht bestanden
Aa #445369 auf #5B837F 1,86:1 Nicht bestanden
Aa #85A7B4 auf #BBE3D8 1,84:1 Nicht bestanden
Aa #97ADB6 auf #5B837F 1,79:1 Nicht bestanden
Aa #9FB3CC auf #558B92 1,78:1 Nicht bestanden
Aa #9FB3CC auf #6C8D7B 1,71:1 Nicht bestanden
Aa #97ADB6 auf #BBE3D8 1,68:1 Nicht bestanden
Aa #7A8AA1 auf #9FB3CC 1,64:1 Nicht bestanden
Aa #85A7B4 auf #5B837F 1,64:1 Nicht bestanden
Aa #97ADB6 auf #558B92 1,63:1 Nicht bestanden
Aa #586A76 auf #7A8AA1 1,60:1 Nicht bestanden
Aa #445369 auf #677081 1,57:1 Nicht bestanden
Aa #97ADB6 auf #6C8D7B 1,56:1 Nicht bestanden
Aa #7A8AA1 auf #497173 1,54:1 Nicht bestanden
Aa #9FB3CC auf #BBE3D8 1,54:1 Nicht bestanden
Aa #586A76 auf #6C8D7B 1,53:1 Nicht bestanden
Aa #7A8AA1 auf #97ADB6 1,50:1 Nicht bestanden
Aa #85A7B4 auf #558B92 1,49:1 Nicht bestanden
Aa #586A76 auf #558B92 1,47:1 Nicht bestanden
Aa #497173 auf #6C8D7B 1,47:1 Nicht bestanden
Aa #445369 auf #497173 1,45:1 Nicht bestanden
Aa #85A7B4 auf #6C8D7B 1,43:1 Nicht bestanden
Aa #677081 auf #7A8AA1 1,42:1 Nicht bestanden
Aa #497173 auf #558B92 1,41:1 Nicht bestanden
Aa #445369 auf #586A76 1,39:1 Nicht bestanden
Aa #7A8AA1 auf #85A7B4 1,37:1 Nicht bestanden
Aa #677081 auf #6C8D7B 1,36:1 Nicht bestanden
Aa #586A76 auf #5B837F 1,34:1 Nicht bestanden
Aa #677081 auf #558B92 1,30:1 Nicht bestanden
Aa #497173 auf #5B837F 1,28:1 Nicht bestanden
Aa #7A8AA1 auf #5B837F 1,20:1 Nicht bestanden
Aa #85A7B4 auf #9FB3CC 1,20:1 Nicht bestanden
Aa #677081 auf #5B837F 1,19:1 Nicht bestanden
Aa #5B837F auf #6C8D7B 1,15:1 Nicht bestanden
Aa #586A76 auf #677081 1,13:1 Nicht bestanden
Aa #85A7B4 auf #97ADB6 1,10:1 Nicht bestanden
Aa #5B837F auf #558B92 1,10:1 Nicht bestanden
Aa #7A8AA1 auf #558B92 1,09:1 Nicht bestanden
Aa #97ADB6 auf #9FB3CC 1,09:1 Nicht bestanden
Aa #677081 auf #497173 1,08:1 Nicht bestanden
Aa #586A76 auf #497173 1,04:1 Nicht bestanden
Aa #7A8AA1 auf #6C8D7B 1,04:1 Nicht bestanden
Aa #558B92 auf #6C8D7B 1,04: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