NOPAL 12

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

Zurück zur Bibliothek

NOPAL 12

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

Bearbeiten

Pastell 12 Farben Warm Hell Monochrom pixelart green artist pink

Likes 923

Farben 12

CSS-Variablen

:root {
  --c-pastel-1: #E2E4DF;
  --c-pastel-2: #C5CFC4;
  --c-pastel-3: #A8B5AE;
  --c-pastel-4: #92929C;
  --c-pastel-5: #FFECED;
  --c-pastel-6: #FBD4D2;
  --c-pastel-7: #F1B4B4;
  --c-pastel-8: #CCA3A3;
  --c-pastel-9: #F1EAB6;
  --c-pastel-10: #E4DBA0;
  --c-pastel-11: #CAC18A;
  --c-pastel-12: #ABA47B;
}

Über diese Palette

Diese pastellfarbene Palette mit 12 Farben reicht vom hellsten Ton Just Pink Enough (#FFECED) bis zum dunkelsten Ton Lilac Fields (#92929C). Sie vereint Beryl Pearl, Silver Grass, Frozen Pond, Lilac Fields, Just Pink Enough, Just a Tease, Jaguar Rose, Sakura Mochi, Invigorating, Bamboo Mat, Wheat Grass und Fond of Fronds in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 66 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

Beryl Pearl #E2E4DF

RGB: rgb(226, 228, 223)
HSL: hsl(84, 8%, 88%)
Luminanz: 0,770

Silver Grass #C5CFC4

RGB: rgb(197, 207, 196)
HSL: hsl(115, 10%, 79%)
Luminanz: 0,605

Frozen Pond #A8B5AE

RGB: rgb(168, 181, 174)
HSL: hsl(148, 8%, 68%)
Luminanz: 0,444

Lilac Fields #92929C

RGB: rgb(146, 146, 156)
HSL: hsl(240, 5%, 59%)
Luminanz: 0,291

Just Pink Enough #FFECED

RGB: rgb(255, 236, 237)
HSL: hsl(357, 100%, 96%)
Luminanz: 0,874

Just a Tease #FBD4D2

RGB: rgb(251, 212, 210)
HSL: hsl(3, 84%, 90%)
Luminanz: 0,723

Jaguar Rose #F1B4B4

RGB: rgb(241, 180, 180)
HSL: hsl(0, 69%, 83%)
Luminanz: 0,546

Sakura Mochi #CCA3A3

RGB: rgb(204, 163, 163)
HSL: hsl(0, 29%, 72%)
Luminanz: 0,417

Invigorating #F1EAB6

RGB: rgb(241, 234, 182)
HSL: hsl(53, 68%, 83%)
Luminanz: 0,809

Bamboo Mat #E4DBA0

RGB: rgb(228, 219, 160)
HSL: hsl(52, 56%, 76%)
Luminanz: 0,697

Wheat Grass #CAC18A

RGB: rgb(202, 193, 138)
HSL: hsl(52, 38%, 67%)
Luminanz: 0,525

Fond of Fronds #ABA47B

RGB: rgb(171, 164, 123)
HSL: hsl(51, 22%, 58%)
Luminanz: 0,366

Kontrast & Barrierefreiheit

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

Aa #92929C auf #FFECED 2,71:1 Nicht bestanden

Aa #92929C auf #F1EAB6 2,52:1 Nicht bestanden

Aa #E2E4DF auf #92929C 2,41:1 Nicht bestanden

Aa #92929C auf #FBD4D2 2,27:1 Nicht bestanden

Aa #FFECED auf #ABA47B 2,22:1 Nicht bestanden

Aa #92929C auf #E4DBA0 2,19:1 Nicht bestanden

Aa #F1EAB6 auf #ABA47B 2,06:1 Nicht bestanden

Aa #FFECED auf #CCA3A3 1,98:1 Nicht bestanden

Aa #E2E4DF auf #ABA47B 1,97:1 Nicht bestanden

Aa #C5CFC4 auf #92929C 1,92:1 Nicht bestanden

Aa #A8B5AE auf #FFECED 1,87:1 Nicht bestanden

Aa #FBD4D2 auf #ABA47B 1,86:1 Nicht bestanden

Aa #CCA3A3 auf #F1EAB6 1,84:1 Nicht bestanden

Aa #E4DBA0 auf #ABA47B 1,79:1 Nicht bestanden

Aa #E2E4DF auf #CCA3A3 1,76:1 Nicht bestanden

Aa #92929C auf #F1B4B4 1,75:1 Nicht bestanden

Aa #A8B5AE auf #F1EAB6 1,74:1 Nicht bestanden

Aa #92929C auf #CAC18A 1,69:1 Nicht bestanden

Aa #E2E4DF auf #A8B5AE 1,66:1 Nicht bestanden

Aa #FBD4D2 auf #CCA3A3 1,66:1 Nicht bestanden

Aa #FFECED auf #CAC18A 1,61:1 Nicht bestanden

Aa #CCA3A3 auf #E4DBA0 1,60:1 Nicht bestanden

Aa #C5CFC4 auf #ABA47B 1,57:1 Nicht bestanden

Aa #A8B5AE auf #FBD4D2 1,56:1 Nicht bestanden

Aa #FFECED auf #F1B4B4 1,55:1 Nicht bestanden

Aa #A8B5AE auf #E4DBA0 1,51:1 Nicht bestanden

Aa #F1EAB6 auf #CAC18A 1,49:1 Nicht bestanden

Aa #A8B5AE auf #92929C 1,45:1 Nicht bestanden

Aa #F1B4B4 auf #F1EAB6 1,44:1 Nicht bestanden

Aa #E2E4DF auf #CAC18A 1,43:1 Nicht bestanden

Aa #F1B4B4 auf #ABA47B 1,43:1 Nicht bestanden

Aa #C5CFC4 auf #FFECED 1,41:1 Nicht bestanden

Aa #C5CFC4 auf #CCA3A3 1,40:1 Nicht bestanden

Aa #CAC18A auf #ABA47B 1,38:1 Nicht bestanden

Aa #E2E4DF auf #F1B4B4 1,37:1 Nicht bestanden

Aa #92929C auf #CCA3A3 1,37:1 Nicht bestanden

Aa #FBD4D2 auf #CAC18A 1,34:1 Nicht bestanden

Aa #C5CFC4 auf #A8B5AE 1,32:1 Nicht bestanden

Aa #C5CFC4 auf #F1EAB6 1,31:1 Nicht bestanden

Aa #FBD4D2 auf #F1B4B4 1,30:1 Nicht bestanden

Aa #E4DBA0 auf #CAC18A 1,30:1 Nicht bestanden

Aa #F1B4B4 auf #CCA3A3 1,28:1 Nicht bestanden

Aa #E2E4DF auf #C5CFC4 1,25:1 Nicht bestanden

Aa #F1B4B4 auf #E4DBA0 1,25:1 Nicht bestanden

Aa #FFECED auf #E4DBA0 1,24:1 Nicht bestanden

Aa #CCA3A3 auf #CAC18A 1,23:1 Nicht bestanden

Aa #92929C auf #ABA47B 1,22:1 Nicht bestanden

Aa #A8B5AE auf #F1B4B4 1,21:1 Nicht bestanden

Aa #FFECED auf #FBD4D2 1,20:1 Nicht bestanden

Aa #A8B5AE auf #ABA47B 1,19:1 Nicht bestanden

Aa #C5CFC4 auf #FBD4D2 1,18:1 Nicht bestanden

Aa #A8B5AE auf #CAC18A 1,16:1 Nicht bestanden

Aa #F1EAB6 auf #E4DBA0 1,15:1 Nicht bestanden

Aa #C5CFC4 auf #E4DBA0 1,14:1 Nicht bestanden

Aa #C5CFC4 auf #CAC18A 1,14:1 Nicht bestanden

Aa #E2E4DF auf #FFECED 1,13:1 Nicht bestanden

Aa #CCA3A3 auf #ABA47B 1,12:1 Nicht bestanden

Aa #FBD4D2 auf #F1EAB6 1,11:1 Nicht bestanden

Aa #E2E4DF auf #E4DBA0 1,10:1 Nicht bestanden

Aa #C5CFC4 auf #F1B4B4 1,10:1 Nicht bestanden

Aa #FFECED auf #F1EAB6 1,07:1 Nicht bestanden

Aa #E2E4DF auf #FBD4D2 1,06:1 Nicht bestanden

Aa #A8B5AE auf #CCA3A3 1,06:1 Nicht bestanden

Aa #E2E4DF auf #F1EAB6 1,05:1 Nicht bestanden

Aa #F1B4B4 auf #CAC18A 1,04:1 Nicht bestanden

Aa #FBD4D2 auf #E4DBA0 1,03:1 Nicht bestanden

NOPAL 12

NOPAL 12

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen