Sign Up Sign Up
NOPAL 12

NOPAL 12

12-color palette · Warm · Light · Monochromatic harmony

Back to Library

NOPAL 12

12-color palette · Warm temperature · Light tone · Monochromatic harmony

Modify
Pastel 12 colors Warm Light Monochromatic pixelart green artist pink
Likes 923
Colors 12

CSS variables

: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;
}

About this palette

This 12-color pastel palette runs from Just Pink Enough (#FFECED) as its lightest tone to Lilac Fields (#92929C) as its darkest. It blends Beryl Pearl, Silver Grass, Frozen Pond, Lilac Fields, Just Pink Enough, Just a Tease, Jaguar Rose, Sakura Mochi, Invigorating, Bamboo Mat, Wheat Grass and Fond of Fronds into a single set you can drop straight into a UI. None of the 66 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

Gentle, low-saturation tones — ideal for wedding sites, baby brands, soft hero sections, and editorial layouts that lead with whitespace.

Color breakdown

Beryl Pearl #E2E4DF
RGB
rgb(226, 228, 223)
HSL
hsl(84, 8%, 88%)
Luminance
0.770
Silver Grass #C5CFC4
RGB
rgb(197, 207, 196)
HSL
hsl(115, 10%, 79%)
Luminance
0.605
Frozen Pond #A8B5AE
RGB
rgb(168, 181, 174)
HSL
hsl(148, 8%, 68%)
Luminance
0.444
Lilac Fields #92929C
RGB
rgb(146, 146, 156)
HSL
hsl(240, 5%, 59%)
Luminance
0.291
Just Pink Enough #FFECED
RGB
rgb(255, 236, 237)
HSL
hsl(357, 100%, 96%)
Luminance
0.874
Just a Tease #FBD4D2
RGB
rgb(251, 212, 210)
HSL
hsl(3, 84%, 90%)
Luminance
0.723
Jaguar Rose #F1B4B4
RGB
rgb(241, 180, 180)
HSL
hsl(0, 69%, 83%)
Luminance
0.546
Sakura Mochi #CCA3A3
RGB
rgb(204, 163, 163)
HSL
hsl(0, 29%, 72%)
Luminance
0.417
Invigorating #F1EAB6
RGB
rgb(241, 234, 182)
HSL
hsl(53, 68%, 83%)
Luminance
0.809
Bamboo Mat #E4DBA0
RGB
rgb(228, 219, 160)
HSL
hsl(52, 56%, 76%)
Luminance
0.697
Wheat Grass #CAC18A
RGB
rgb(202, 193, 138)
HSL
hsl(52, 38%, 67%)
Luminance
0.525
Fond of Fronds #ABA47B
RGB
rgb(171, 164, 123)
HSL
hsl(51, 22%, 58%)
Luminance
0.366

Contrast & accessibility

0 of 66 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #92929C on #FFECED 2.71:1 Fail
Aa #92929C on #F1EAB6 2.52:1 Fail
Aa #E2E4DF on #92929C 2.41:1 Fail
Aa #92929C on #FBD4D2 2.27:1 Fail
Aa #FFECED on #ABA47B 2.22:1 Fail
Aa #92929C on #E4DBA0 2.19:1 Fail
Aa #F1EAB6 on #ABA47B 2.06:1 Fail
Aa #FFECED on #CCA3A3 1.98:1 Fail
Aa #E2E4DF on #ABA47B 1.97:1 Fail
Aa #C5CFC4 on #92929C 1.92:1 Fail
Aa #A8B5AE on #FFECED 1.87:1 Fail
Aa #FBD4D2 on #ABA47B 1.86:1 Fail
Aa #CCA3A3 on #F1EAB6 1.84:1 Fail
Aa #E4DBA0 on #ABA47B 1.79:1 Fail
Aa #E2E4DF on #CCA3A3 1.76:1 Fail
Aa #92929C on #F1B4B4 1.75:1 Fail
Aa #A8B5AE on #F1EAB6 1.74:1 Fail
Aa #92929C on #CAC18A 1.69:1 Fail
Aa #E2E4DF on #A8B5AE 1.66:1 Fail
Aa #FBD4D2 on #CCA3A3 1.66:1 Fail
Aa #FFECED on #CAC18A 1.61:1 Fail
Aa #CCA3A3 on #E4DBA0 1.60:1 Fail
Aa #C5CFC4 on #ABA47B 1.57:1 Fail
Aa #A8B5AE on #FBD4D2 1.56:1 Fail
Aa #FFECED on #F1B4B4 1.55:1 Fail
Aa #A8B5AE on #E4DBA0 1.51:1 Fail
Aa #F1EAB6 on #CAC18A 1.49:1 Fail
Aa #A8B5AE on #92929C 1.45:1 Fail
Aa #F1B4B4 on #F1EAB6 1.44:1 Fail
Aa #E2E4DF on #CAC18A 1.43:1 Fail
Aa #F1B4B4 on #ABA47B 1.43:1 Fail
Aa #C5CFC4 on #FFECED 1.41:1 Fail
Aa #C5CFC4 on #CCA3A3 1.40:1 Fail
Aa #CAC18A on #ABA47B 1.38:1 Fail
Aa #E2E4DF on #F1B4B4 1.37:1 Fail
Aa #92929C on #CCA3A3 1.37:1 Fail
Aa #FBD4D2 on #CAC18A 1.34:1 Fail
Aa #C5CFC4 on #A8B5AE 1.32:1 Fail
Aa #C5CFC4 on #F1EAB6 1.31:1 Fail
Aa #FBD4D2 on #F1B4B4 1.30:1 Fail
Aa #E4DBA0 on #CAC18A 1.30:1 Fail
Aa #F1B4B4 on #CCA3A3 1.28:1 Fail
Aa #E2E4DF on #C5CFC4 1.25:1 Fail
Aa #F1B4B4 on #E4DBA0 1.25:1 Fail
Aa #FFECED on #E4DBA0 1.24:1 Fail
Aa #CCA3A3 on #CAC18A 1.23:1 Fail
Aa #92929C on #ABA47B 1.22:1 Fail
Aa #A8B5AE on #F1B4B4 1.21:1 Fail
Aa #FFECED on #FBD4D2 1.20:1 Fail
Aa #A8B5AE on #ABA47B 1.19:1 Fail
Aa #C5CFC4 on #FBD4D2 1.18:1 Fail
Aa #A8B5AE on #CAC18A 1.16:1 Fail
Aa #F1EAB6 on #E4DBA0 1.15:1 Fail
Aa #C5CFC4 on #E4DBA0 1.14:1 Fail
Aa #C5CFC4 on #CAC18A 1.14:1 Fail
Aa #E2E4DF on #FFECED 1.13:1 Fail
Aa #CCA3A3 on #ABA47B 1.12:1 Fail
Aa #FBD4D2 on #F1EAB6 1.11:1 Fail
Aa #E2E4DF on #E4DBA0 1.10:1 Fail
Aa #C5CFC4 on #F1B4B4 1.10:1 Fail
Aa #FFECED on #F1EAB6 1.07:1 Fail
Aa #E2E4DF on #FBD4D2 1.06:1 Fail
Aa #A8B5AE on #CCA3A3 1.06:1 Fail
Aa #E2E4DF on #F1EAB6 1.05:1 Fail
Aa #F1B4B4 on #CAC18A 1.04:1 Fail
Aa #FBD4D2 on #E4DBA0 1.03:1 Fail

Similar palettes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colors
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colors
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colors
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colors
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colors
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colors
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colors
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colors