Registrieren Registrieren
Cool Bone 7

Cool Bone 7

Palette mit 7 Farben · Neutral · Dunkel · Harmonie: Triadisch

Zurück zur Bibliothek

Cool Bone 7

Palette mit 7 Farben · Temperatur: Neutral · Ton: Dunkel · Harmonie: Triadisch

Bearbeiten
Gedeckt 7 Farben Neutral Dunkel Triadisch green 7 dark black
Likes 17
Farben 7

CSS-Variablen

:root {
  --c-muted-1: #2C4958;
  --c-muted-2: #8B979C;
  --c-muted-3: #C4C4C4;
  --c-muted-4: #4B4F4D;
  --c-muted-5: #222725;
  --c-muted-6: #121113;
  --c-muted-7: #2A131E;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Explosive Grey (#C4C4C4) bis zum dunkelsten Ton Dark Tone Ink (#121113). Sie vereint Black Forest Blue, Blue Dusk, Explosive Grey, Black Oak, Nero, Dark Tone Ink und Black Cherry in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #C4C4C4 auf #121113 mit 10,8:1.

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

Farben im Detail

Black Forest Blue #2C4958
RGB
rgb(44, 73, 88)
HSL
hsl(200, 33%, 26%)
Luminanz
0,060
Blue Dusk #8B979C
RGB
rgb(139, 151, 156)
HSL
hsl(198, 8%, 58%)
Luminanz
0,300
Explosive Grey #C4C4C4
RGB
rgb(196, 196, 196)
HSL
hsl(0, 0%, 77%)
Luminanz
0,552
Black Oak #4B4F4D
RGB
rgb(75, 79, 77)
HSL
hsl(150, 3%, 30%)
Luminanz
0,076
Nero #222725
RGB
rgb(34, 39, 37)
HSL
hsl(156, 7%, 14%)
Luminanz
0,019
Dark Tone Ink #121113
RGB
rgb(18, 17, 19)
HSL
hsl(270, 6%, 7%)
Luminanz
0,006
Black Cherry #2A131E
RGB
rgb(42, 19, 30)
HSL
hsl(331, 38%, 12%)
Luminanz
0,011

Kontrast & Barrierefreiheit

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

Aa #C4C4C4 auf #121113 10,80:1 AAA
Aa #C4C4C4 auf #2A131E 9,95:1 AAA
Aa #C4C4C4 auf #222725 8,69:1 AAA
Aa #8B979C auf #121113 6,28:1 AA
Aa #8B979C auf #2A131E 5,79:1 AA
Aa #2C4958 auf #C4C4C4 5,47:1 AA
Aa #8B979C auf #222725 5,06:1 AA
Aa #C4C4C4 auf #4B4F4D 4,77:1 AA
Aa #2C4958 auf #8B979C 3,18:1 AA (großer Text)
Aa #8B979C auf #4B4F4D 2,77:1 Nicht bestanden
Aa #4B4F4D auf #121113 2,26:1 Nicht bestanden
Aa #4B4F4D auf #2A131E 2,09:1 Nicht bestanden
Aa #2C4958 auf #121113 1,97:1 Nicht bestanden
Aa #2C4958 auf #2A131E 1,82:1 Nicht bestanden
Aa #4B4F4D auf #222725 1,82:1 Nicht bestanden
Aa #8B979C auf #C4C4C4 1,72:1 Nicht bestanden
Aa #2C4958 auf #222725 1,59:1 Nicht bestanden
Aa #222725 auf #121113 1,24:1 Nicht bestanden
Aa #2C4958 auf #4B4F4D 1,15:1 Nicht bestanden
Aa #222725 auf #2A131E 1,14:1 Nicht bestanden
Aa #121113 auf #2A131E 1,09:1 Nicht bestanden

Ähnliche Paletten

#000000 #3E065F #700B97 #8E05C2
4 Farben
#000000 #150050 #3F0071 #FB2576
4 Farben
#000000 #3E432E #616F39 #A7D129
4 Farben
#4B5D67 #322F3D #59405C #87556F
4 Farben
#18230F #27391C #255F38 #1F7D53
4 Farben
#FF5200 #6F0000 #00263B #00A1AB
4 Farben
#000000 #0F6292 #16FF00 #FFED00
4 Farben
#251D3A #2A2550 #E04D01 #FF7700
4 Farben