Startseite Farbpaletten Palette „Oceanic Noir“ mit 4 Farben

Palette „Oceanic Noir“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Oceanic Noir“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 2.954

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #152A38;
  --c-muted-2: #2F5241;
  --c-muted-3: #D6CFB9;
  --c-muted-4: #E4E5DB;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Black White (#E4E5DB) bis zum dunkelsten Ton Oceanic Noir (#152A38). Sie vereint Oceanic Noir, Highland Green, Velum Smoke und Black White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #152A38 auf #E4E5DB mit 11,64: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

Highland Green #2F5241

RGB: rgb(47, 82, 65)
HSL: hsl(151, 27%, 25%)
Luminanz: 0,070

Velum Smoke #D6CFB9

RGB: rgb(214, 207, 185)
HSL: hsl(46, 26%, 78%)
Luminanz: 0,624

Black White #E4E5DB

RGB: rgb(228, 229, 219)
HSL: hsl(66, 16%, 88%)
Luminanz: 0,777

Kontrast & Barrierefreiheit

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

Aa #152A38 auf #E4E5DB 11,64:1 AAA

Aa #152A38 auf #D6CFB9 9,50:1 AAA

Aa #2F5241 auf #E4E5DB 6,88:1 AA

Aa #2F5241 auf #D6CFB9 5,61:1 AA

Aa #152A38 auf #2F5241 1,69:1 Nicht bestanden

Aa #D6CFB9 auf #E4E5DB 1,23:1 Nicht bestanden

Palette „Oceanic Noir“ mit 4 Farben