Sign Up Sign Up
Couleurs De Bebe

Couleurs De Bebe

9-color palette · Warm · Light · Complementary harmony

Back to Library

Couleurs De Bebe

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

Modify
Pastel 9 colors Warm Light Complementary light
Likes 17
Colors 9

CSS variables

:root {
  --c-pastel-1: #E9E0E0;
  --c-pastel-2: #FF94F9;
  --c-pastel-3: #F9FF94;
  --c-pastel-4: #94F9FF;
  --c-pastel-5: #94FF94;
  --c-pastel-6: #9494FF;
  --c-pastel-7: #FF9494;
  --c-pastel-8: #E894FF;
  --c-pastel-9: #AAFFC3;
}

About this palette

This 9-color pastel palette runs from Pastel Yellow (#F9FF94) as its lightest tone to Cobalite (#9494FF) as its darkest. It blends Milk and Cookies, Pinkalicious, Pastel Yellow, Eternal Winter, Cobalt Green, Cobalite, Cherished One, Party Pig and Neo Mint 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

Milk and Cookies #E9E0E0
RGB
rgb(233, 224, 224)
HSL
hsl(0, 17%, 90%)
Luminance
0.760
Pinkalicious #FF94F9
RGB
rgb(255, 148, 249)
HSL
hsl(303, 100%, 79%)
Luminance
0.493
Pastel Yellow #F9FF94
RGB
rgb(249, 255, 148)
HSL
hsl(63, 100%, 79%)
Luminance
0.938
Eternal Winter #94F9FF
RGB
rgb(148, 249, 255)
HSL
hsl(183, 100%, 79%)
Luminance
0.813
Cobalt Green #94FF94
RGB
rgb(148, 255, 148)
HSL
hsl(120, 100%, 79%)
Luminance
0.800
Cobalite #9494FF
RGB
rgb(148, 148, 255)
HSL
hsl(240, 100%, 79%)
Luminance
0.347
Cherished One #FF9494
RGB
rgb(255, 148, 148)
HSL
hsl(0, 100%, 79%)
Luminance
0.446
Party Pig #E894FF
RGB
rgb(232, 148, 255)
HSL
hsl(287, 100%, 79%)
Luminance
0.456
Neo Mint #AAFFC3
RGB
rgb(170, 255, 195)
HSL
hsl(138, 100%, 83%)
Luminance
0.840

Contrast & accessibility

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

Aa #F9FF94 on #9494FF 2.49:1 Fail
Aa #9494FF on #AAFFC3 2.24:1 Fail
Aa #94F9FF on #9494FF 2.17:1 Fail
Aa #94FF94 on #9494FF 2.14:1 Fail
Aa #E9E0E0 on #9494FF 2.04:1 Fail
Aa #F9FF94 on #FF9494 1.99:1 Fail
Aa #F9FF94 on #E894FF 1.95:1 Fail
Aa #FF94F9 on #F9FF94 1.82:1 Fail
Aa #FF9494 on #AAFFC3 1.80:1 Fail
Aa #E894FF on #AAFFC3 1.76:1 Fail
Aa #94F9FF on #FF9494 1.74:1 Fail
Aa #94F9FF on #E894FF 1.71:1 Fail
Aa #94FF94 on #FF9494 1.71:1 Fail
Aa #94FF94 on #E894FF 1.68:1 Fail
Aa #FF94F9 on #AAFFC3 1.64:1 Fail
Aa #E9E0E0 on #FF9494 1.63:1 Fail
Aa #E9E0E0 on #E894FF 1.60:1 Fail
Aa #FF94F9 on #94F9FF 1.59:1 Fail
Aa #FF94F9 on #94FF94 1.57:1 Fail
Aa #E9E0E0 on #FF94F9 1.49:1 Fail
Aa #FF94F9 on #9494FF 1.37:1 Fail
Aa #9494FF on #E894FF 1.27:1 Fail
Aa #9494FF on #FF9494 1.25:1 Fail
Aa #E9E0E0 on #F9FF94 1.22:1 Fail
Aa #F9FF94 on #94FF94 1.16:1 Fail
Aa #F9FF94 on #94F9FF 1.15:1 Fail
Aa #F9FF94 on #AAFFC3 1.11:1 Fail
Aa #E9E0E0 on #AAFFC3 1.10:1 Fail
Aa #FF94F9 on #FF9494 1.09:1 Fail
Aa #FF94F9 on #E894FF 1.07:1 Fail
Aa #E9E0E0 on #94F9FF 1.06:1 Fail
Aa #E9E0E0 on #94FF94 1.05:1 Fail
Aa #94FF94 on #AAFFC3 1.05:1 Fail
Aa #94F9FF on #AAFFC3 1.03:1 Fail
Aa #94F9FF on #94FF94 1.02:1 Fail
Aa #FF9494 on #E894FF 1.02: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