Startseite Farbpaletten Palette „Oceanic Noir“ mit 4 Farben

Palette „Oceanic Noir“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Oceanic Noir“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 3.542

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #152A38;
  --c-muted-2: #29435C;
  --c-muted-3: #556E53;
  --c-muted-4: #D1D4C9;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Filmy Green (#D1D4C9) bis zum dunkelsten Ton Oceanic Noir (#152A38). Sie vereint Oceanic Noir, One Year of Rain, Daylight Jungle und Filmy Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #152A38 auf #D1D4C9 mit 9,84:1.

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

Farben im Detail

Oceanic Noir #152A38

RGB: rgb(21, 42, 56)
HSL: hsl(204, 45%, 15%)
Luminanz: 0,021

One Year of Rain #29435C

RGB: rgb(41, 67, 92)
HSL: hsl(209, 38%, 26%)
Luminanz: 0,053

Daylight Jungle #556E53

RGB: rgb(85, 110, 83)
HSL: hsl(116, 14%, 38%)
Luminanz: 0,137

Filmy Green #D1D4C9

RGB: rgb(209, 212, 201)
HSL: hsl(76, 11%, 81%)
Luminanz: 0,649

Kontrast & Barrierefreiheit

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

Aa #152A38 auf #D1D4C9 9,84:1 AAA

Aa #29435C auf #D1D4C9 6,81:1 AA

Aa #556E53 auf #D1D4C9 3,73:1 AA (großer Text)

Aa #152A38 auf #556E53 2,63:1 Nicht bestanden

Aa #29435C auf #556E53 1,82:1 Nicht bestanden

Aa #152A38 auf #29435C 1,44:1 Nicht bestanden

Palette „Oceanic Noir“ mit 4 Farben