Sign Up Sign Up
Peelyweelybananyicecreamy

Peelyweelybananyicecreamy

9-color palette · Warm · Light · Monochromatic harmony

Back to Library

Peelyweelybananyicecreamy

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

Modify
Pastel 9 colors Warm Light Monochromatic colorful bright icecream banana
Likes 12
Colors 9

CSS variables

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

About this palette

This 9-color pastel palette runs from White (#FFFFFF) as its lightest tone to Simply Sienna (#C48533) as its darkest. It blends White, Caster Sugar, Matt White, Ginger Lemon Tea, Pale Lime Yellow, Dapper Dingo, Indian Yellow, Gold Crest and Simply Sienna into a single set you can drop straight into a UI. None of the 36 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

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Caster Sugar #FFFFE8
RGB
rgb(255, 255, 232)
HSL
hsl(60, 100%, 95%)
Luminance
0.986
Matt White #FFFFD3
RGB
rgb(255, 255, 211)
HSL
hsl(60, 100%, 91%)
Luminance
0.975
Ginger Lemon Tea #FFFFAA
RGB
rgb(255, 255, 170)
HSL
hsl(60, 100%, 83%)
Luminance
0.957
Pale Lime Yellow #E2E298
RGB
rgb(226, 226, 152)
HSL
hsl(60, 56%, 74%)
Luminance
0.728
Dapper Dingo #E2C298
RGB
rgb(226, 194, 152)
HSL
hsl(34, 56%, 74%)
Luminance
0.570
Indian Yellow #E0A659
RGB
rgb(224, 166, 89)
HSL
hsl(34, 69%, 61%)
Luminance
0.438
Gold Crest #E0983A
RGB
rgb(224, 152, 58)
HSL
hsl(34, 73%, 55%)
Luminance
0.386
Simply Sienna #C48533
RGB
rgb(196, 133, 51)
HSL
hsl(34, 59%, 48%)
Luminance
0.288

Contrast & accessibility

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

Aa #FFFFFF on #C48533 3.11:1 AA Large
Aa #FFFFE8 on #C48533 3.07:1 AA Large
Aa #FFFFD3 on #C48533 3.04:1 AA Large
Aa #FFFFAA on #C48533 2.98:1 Fail
Aa #FFFFFF on #E0983A 2.41:1 Fail
Aa #FFFFE8 on #E0983A 2.38:1 Fail
Aa #FFFFD3 on #E0983A 2.35:1 Fail
Aa #FFFFAA on #E0983A 2.31:1 Fail
Aa #E2E298 on #C48533 2.31:1 Fail
Aa #FFFFFF on #E0A659 2.15:1 Fail
Aa #FFFFE8 on #E0A659 2.12:1 Fail
Aa #FFFFD3 on #E0A659 2.10:1 Fail
Aa #FFFFAA on #E0A659 2.06:1 Fail
Aa #E2C298 on #C48533 1.84:1 Fail
Aa #E2E298 on #E0983A 1.78:1 Fail
Aa #FFFFFF on #E2C298 1.69:1 Fail
Aa #FFFFE8 on #E2C298 1.67:1 Fail
Aa #FFFFD3 on #E2C298 1.65:1 Fail
Aa #FFFFAA on #E2C298 1.62:1 Fail
Aa #E2E298 on #E0A659 1.59:1 Fail
Aa #E0A659 on #C48533 1.45:1 Fail
Aa #E2C298 on #E0983A 1.42:1 Fail
Aa #FFFFFF on #E2E298 1.35:1 Fail
Aa #FFFFE8 on #E2E298 1.33:1 Fail
Aa #FFFFD3 on #E2E298 1.32:1 Fail
Aa #FFFFAA on #E2E298 1.29:1 Fail
Aa #E0983A on #C48533 1.29:1 Fail
Aa #E2C298 on #E0A659 1.27:1 Fail
Aa #E2E298 on #E2C298 1.25:1 Fail
Aa #E0A659 on #E0983A 1.12:1 Fail
Aa #FFFFFF on #FFFFAA 1.04:1 Fail
Aa #FFFFE8 on #FFFFAA 1.03:1 Fail
Aa #FFFFFF on #FFFFD3 1.02:1 Fail
Aa #FFFFD3 on #FFFFAA 1.02:1 Fail
Aa #FFFFFF on #FFFFE8 1.01:1 Fail
Aa #FFFFE8 on #FFFFD3 1.01: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