Registrieren Registrieren
Gothic Bit

Gothic Bit

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Gothic Bit

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten
Gedeckt 8 Farben Kühl Gemischt Monochrom dark black white 8
Likes 597
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #0E0E12;
  --c-muted-2: #1A1A24;
  --c-muted-3: #333346;
  --c-muted-4: #535373;
  --c-muted-5: #8080A4;
  --c-muted-6: #A6A6BF;
  --c-muted-7: #C1C1D2;
  --c-muted-8: #E6E6EC;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Cool Frost (#E6E6EC) bis zum dunkelsten Ton Ruined Smores (#0E0E12). Sie vereint Ruined Smores, Coarse Wool, Pauper, Deep Orchid, Velvet Curtain, Canyon Mist, Silver Dagger und Cool Frost in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0E0E12 auf #E6E6EC mit 15,5:1.

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

Farben im Detail

Ruined Smores #0E0E12
RGB
rgb(14, 14, 18)
HSL
hsl(240, 13%, 6%)
Luminanz
0,005
Coarse Wool #1A1A24
RGB
rgb(26, 26, 36)
HSL
hsl(240, 16%, 12%)
Luminanz
0,011
Pauper #333346
RGB
rgb(51, 51, 70)
HSL
hsl(240, 16%, 24%)
Luminanz
0,035
Deep Orchid #535373
RGB
rgb(83, 83, 115)
HSL
hsl(240, 16%, 39%)
Luminanz
0,093
Velvet Curtain #8080A4
RGB
rgb(128, 128, 164)
HSL
hsl(240, 17%, 57%)
Luminanz
0,227
Canyon Mist #A6A6BF
RGB
rgb(166, 166, 191)
HSL
hsl(240, 16%, 70%)
Luminanz
0,391
Silver Dagger #C1C1D2
RGB
rgb(193, 193, 210)
HSL
hsl(240, 16%, 79%)
Luminanz
0,541
Cool Frost #E6E6EC
RGB
rgb(230, 230, 236)
HSL
hsl(240, 14%, 91%)
Luminanz
0,795

Kontrast & Barrierefreiheit

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

Aa #0E0E12 auf #E6E6EC 15,50:1 AAA
Aa #1A1A24 auf #E6E6EC 13,88:1 AAA
Aa #0E0E12 auf #C1C1D2 10,85:1 AAA
Aa #333346 auf #E6E6EC 9,92:1 AAA
Aa #1A1A24 auf #C1C1D2 9,72:1 AAA
Aa #0E0E12 auf #A6A6BF 8,10:1 AAA
Aa #1A1A24 auf #A6A6BF 7,25:1 AAA
Aa #333346 auf #C1C1D2 6,95:1 AA
Aa #535373 auf #E6E6EC 5,92:1 AA
Aa #333346 auf #A6A6BF 5,18:1 AA
Aa #0E0E12 auf #8080A4 5,08:1 AA
Aa #1A1A24 auf #8080A4 4,55:1 AA
Aa #535373 auf #C1C1D2 4,15:1 AA (großer Text)
Aa #333346 auf #8080A4 3,25:1 AA (großer Text)
Aa #535373 auf #A6A6BF 3,09:1 AA (großer Text)
Aa #8080A4 auf #E6E6EC 3,05:1 AA (großer Text)
Aa #0E0E12 auf #535373 2,62:1 Nicht bestanden
Aa #1A1A24 auf #535373 2,34:1 Nicht bestanden
Aa #8080A4 auf #C1C1D2 2,13:1 Nicht bestanden
Aa #535373 auf #8080A4 1,94:1 Nicht bestanden
Aa #A6A6BF auf #E6E6EC 1,91:1 Nicht bestanden
Aa #333346 auf #535373 1,68:1 Nicht bestanden
Aa #8080A4 auf #A6A6BF 1,59:1 Nicht bestanden
Aa #0E0E12 auf #333346 1,56:1 Nicht bestanden
Aa #C1C1D2 auf #E6E6EC 1,43:1 Nicht bestanden
Aa #1A1A24 auf #333346 1,40:1 Nicht bestanden
Aa #A6A6BF auf #C1C1D2 1,34:1 Nicht bestanden
Aa #0E0E12 auf #1A1A24 1,12: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