Startseite Farbpaletten Midnight Epipelagic

Midnight Epipelagic

Palette mit 6 Farben · Kühl · Dunkel · Harmonie: Monochrom

Zurück zur Bibliothek

Midnight Epipelagic

Palette mit 6 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Monochrom

Bearbeiten

Lebendig 6 Farben Kühl Dunkel Monochrom midnight dark ocean teal

Likes 26

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #002322;
  --c-vibrant-2: #004744;
  --c-vibrant-3: #006B59;
  --c-vibrant-4: #009B6A;
  --c-vibrant-5: #00CE8D;
  --c-vibrant-6: #A3FFE2;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Icery (#A3FFE2) bis zum dunkelsten Ton Stellar Explorer (#002322). Sie vereint Stellar Explorer, Dark Side, Chrysocolla Medium Green, Highlighter Turquoise, Caribbean Green und Icery in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #002322 auf #A3FFE2 mit 14,21:1.

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

Farben im Detail

Stellar Explorer #002322

RGB: rgb(0, 35, 34)
HSL: hsl(178, 100%, 7%)
Luminanz: 0,013

Dark Side #004744

RGB: rgb(0, 71, 68)
HSL: hsl(177, 100%, 14%)
Luminanz: 0,049

Chrysocolla Medium Green #006B59

RGB: rgb(0, 107, 89)
HSL: hsl(170, 100%, 21%)
Luminanz: 0,112

Highlighter Turquoise #009B6A

RGB: rgb(0, 155, 106)
HSL: hsl(161, 100%, 30%)
Luminanz: 0,245

Caribbean Green #00CE8D

RGB: rgb(0, 206, 141)
HSL: hsl(161, 100%, 40%)
Luminanz: 0,461

Icery #A3FFE2

RGB: rgb(163, 255, 226)
HSL: hsl(161, 100%, 82%)
Luminanz: 0,848

Kontrast & Barrierefreiheit

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

Aa #002322 auf #A3FFE2 14,21:1 AAA

Aa #004744 auf #A3FFE2 9,05:1 AAA

Aa #002322 auf #00CE8D 8,08:1 AAA

Aa #006B59 auf #A3FFE2 5,53:1 AA

Aa #004744 auf #00CE8D 5,15:1 AA

Aa #002322 auf #009B6A 4,67:1 AA

Aa #006B59 auf #00CE8D 3,15:1 AA (großer Text)

Aa #009B6A auf #A3FFE2 3,05:1 AA (großer Text)

Aa #004744 auf #009B6A 2,97:1 Nicht bestanden

Aa #002322 auf #006B59 2,57:1 Nicht bestanden

Aa #006B59 auf #009B6A 1,82:1 Nicht bestanden

Aa #00CE8D auf #A3FFE2 1,76:1 Nicht bestanden

Aa #009B6A auf #00CE8D 1,73:1 Nicht bestanden

Aa #004744 auf #006B59 1,64:1 Nicht bestanden

Aa #002322 auf #004744 1,57:1 Nicht bestanden

Midnight Epipelagic