Startseite Farbpaletten Peelyweelybananyicecreamy

Peelyweelybananyicecreamy

Palette mit 9 Farben · Warm · Hell · Harmonie: Monochrom

Zurück zur Bibliothek

Peelyweelybananyicecreamy

Palette mit 9 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Monochrom

Bearbeiten

Pastell 9 Farben Warm Hell Monochrom colorful bright icecream banana

Likes 12

Farben 9

CSS-Variablen

:root {
  --c-pastel-1: #FFFFFF;
  --c-pastel-2: #FFFFE8;
  --c-pastel-3: #FFFFD3;
  --c-pastel-4: #FFFFAA;
  --c-pastel-5: #E2E298;
  --c-pastel-6: #E2C298;
  --c-pastel-7: #E0A659;
  --c-pastel-8: #E0983A;
  --c-pastel-9: #C48533;
}

Über diese Palette

Diese pastellfarbene Palette mit 9 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Simply Sienna (#C48533). Sie vereint White, Caster Sugar, Matt White, Ginger Lemon Tea, Pale Lime Yellow, Dapper Dingo, Indian Yellow, Gold Crest und Simply Sienna in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 36 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

Sanfte, wenig gesättigte Töne – ideal für Hochzeitswebsites, Babymarken, zarte Hero-Bereiche und redaktionelle Layouts mit viel Weißraum.

Farben im Detail

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Caster Sugar #FFFFE8

RGB: rgb(255, 255, 232)
HSL: hsl(60, 100%, 95%)
Luminanz: 0,986

Matt White #FFFFD3

RGB: rgb(255, 255, 211)
HSL: hsl(60, 100%, 91%)
Luminanz: 0,975

Ginger Lemon Tea #FFFFAA

RGB: rgb(255, 255, 170)
HSL: hsl(60, 100%, 83%)
Luminanz: 0,957

Pale Lime Yellow #E2E298

RGB: rgb(226, 226, 152)
HSL: hsl(60, 56%, 74%)
Luminanz: 0,728

Dapper Dingo #E2C298

RGB: rgb(226, 194, 152)
HSL: hsl(34, 56%, 74%)
Luminanz: 0,570

Indian Yellow #E0A659

RGB: rgb(224, 166, 89)
HSL: hsl(34, 69%, 61%)
Luminanz: 0,438

Gold Crest #E0983A

RGB: rgb(224, 152, 58)
HSL: hsl(34, 73%, 55%)
Luminanz: 0,386

Simply Sienna #C48533

RGB: rgb(196, 133, 51)
HSL: hsl(34, 59%, 48%)
Luminanz: 0,288

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #C48533 3,11:1 AA (großer Text)

Aa #FFFFE8 auf #C48533 3,07:1 AA (großer Text)

Aa #FFFFD3 auf #C48533 3,04:1 AA (großer Text)

Aa #FFFFAA auf #C48533 2,98:1 Nicht bestanden

Aa #FFFFFF auf #E0983A 2,41:1 Nicht bestanden

Aa #FFFFE8 auf #E0983A 2,38:1 Nicht bestanden

Aa #FFFFD3 auf #E0983A 2,35:1 Nicht bestanden

Aa #FFFFAA auf #E0983A 2,31:1 Nicht bestanden

Aa #E2E298 auf #C48533 2,31:1 Nicht bestanden

Aa #FFFFFF auf #E0A659 2,15:1 Nicht bestanden

Aa #FFFFE8 auf #E0A659 2,12:1 Nicht bestanden

Aa #FFFFD3 auf #E0A659 2,10:1 Nicht bestanden

Aa #FFFFAA auf #E0A659 2,06:1 Nicht bestanden

Aa #E2C298 auf #C48533 1,84:1 Nicht bestanden

Aa #E2E298 auf #E0983A 1,78:1 Nicht bestanden

Aa #FFFFFF auf #E2C298 1,69:1 Nicht bestanden

Aa #FFFFE8 auf #E2C298 1,67:1 Nicht bestanden

Aa #FFFFD3 auf #E2C298 1,65:1 Nicht bestanden

Aa #FFFFAA auf #E2C298 1,62:1 Nicht bestanden

Aa #E2E298 auf #E0A659 1,59:1 Nicht bestanden

Aa #E0A659 auf #C48533 1,45:1 Nicht bestanden

Aa #E2C298 auf #E0983A 1,42:1 Nicht bestanden

Aa #FFFFFF auf #E2E298 1,35:1 Nicht bestanden

Aa #FFFFE8 auf #E2E298 1,33:1 Nicht bestanden

Aa #FFFFD3 auf #E2E298 1,32:1 Nicht bestanden

Aa #FFFFAA auf #E2E298 1,29:1 Nicht bestanden

Aa #E0983A auf #C48533 1,29:1 Nicht bestanden

Aa #E2C298 auf #E0A659 1,27:1 Nicht bestanden

Aa #E2E298 auf #E2C298 1,25:1 Nicht bestanden

Aa #E0A659 auf #E0983A 1,12:1 Nicht bestanden

Aa #FFFFFF auf #FFFFAA 1,04:1 Nicht bestanden

Aa #FFFFE8 auf #FFFFAA 1,03:1 Nicht bestanden

Aa #FFFFFF auf #FFFFD3 1,02:1 Nicht bestanden

Aa #FFFFD3 auf #FFFFAA 1,02:1 Nicht bestanden

Aa #FFFFFF auf #FFFFE8 1,01:1 Nicht bestanden

Aa #FFFFE8 auf #FFFFD3 1,01:1 Nicht bestanden

Peelyweelybananyicecreamy