Pastel Colors

Soft, high-lightness colors with gentle saturation. Pastels suit baby brands, spring themes and soft UI; they pair well with whites and muted neutrals.

pastelsoftlight32 colors

Anchor: Mint #AAF0C1

hue 140° · HSL(70%, 80%) · best text on it: #000000 (15.9:1)

Nearest members

All pastel colors

Eggshell

#F0EAD6

hsl(46, 46%, 89%) · rgb(240, 234, 214)

Champagne

#F7E7CE

hsl(37, 72%, 89%) · rgb(247, 231, 206)

Beige

#F5F5DC

hsl(60, 56%, 91%) · rgb(245, 245, 220)

Warm Beige

#E9DCC9

hsl(36, 42%, 85%) · rgb(233, 220, 201)

Dusty Pink

#D8A7B1

hsl(348, 39%, 75%) · rgb(216, 167, 177)

Mint

#AAF0C1

hsl(140, 70%, 80%) · rgb(170, 240, 193)

Sky Blue

#87CEEB

hsl(197, 71%, 73%) · rgb(135, 206, 235)

Powder Blue

#B0E0E6

hsl(187, 52%, 80%) · rgb(176, 224, 230)

Lavender

#B39DDB

hsl(261, 46%, 74%) · rgb(179, 157, 219)

Lilac

#C8A2C8

hsl(300, 26%, 71%) · rgb(200, 162, 200)

Plum

#DDA0DD

hsl(300, 47%, 75%) · rgb(221, 160, 221)

Warm Gray

#C9BEB0

hsl(34, 19%, 74%) · rgb(201, 190, 176)

Burlywood

#DEB887

hsl(34, 57%, 70%) · rgb(222, 184, 135)

Lightblue

#ADD8E6

hsl(195, 53%, 79%) · rgb(173, 216, 230)

Lightgreen

#90EE90

hsl(120, 73%, 75%) · rgb(144, 238, 144)

Lightsteelblue

#B0C4DE

hsl(214, 41%, 78%) · rgb(176, 196, 222)

Palegoldenrod

#EEE8AA

hsl(55, 67%, 80%) · rgb(238, 232, 170)

Paleturquoise

#AFEEEE

hsl(180, 65%, 81%) · rgb(175, 238, 238)

Thistle

#D8BFD8

hsl(300, 24%, 80%) · rgb(216, 191, 216)

Cloudy Blue

#ACC2D9

hsl(211, 37%, 76%) · rgb(172, 194, 217)

Pig Pink

#E78EA5

hsl(344, 65%, 73%) · rgb(231, 142, 165)

Light Grey Green

#B7E1A1

hsl(99, 52%, 76%) · rgb(183, 225, 161)

Light Blue Grey

#B7C9E2

hsl(215, 43%, 80%) · rgb(183, 201, 226)

Light Sage

#BCECAC

hsl(105, 63%, 80%) · rgb(188, 236, 172)

Perrywinkle

#8F8CE7

hsl(242, 65%, 73%) · rgb(143, 140, 231)

Light Grey Blue

#9DBCD4

hsl(206, 39%, 72%) · rgb(157, 188, 212)

Pinkish Grey

#C8ACA9

hsl(6, 22%, 72%) · rgb(200, 172, 169)

Faded Pink

#DE9DAC

hsl(346, 50%, 74%) · rgb(222, 157, 172)

Hospital Green

#9BE5AA

hsl(132, 59%, 75%) · rgb(155, 229, 170)

Light Teal

#90E4C1

hsl(155, 61%, 73%) · rgb(144, 228, 193)

Beige (survey)

#E6DAA6

hsl(49, 56%, 78%) · rgb(230, 218, 166)

Lavender (survey)

#C79FEF

hsl(270, 71%, 78%) · rgb(199, 159, 239)

Explore more

Membership thresholds are defined in src/lib/color/collections.ts and verified by unit tests. Under deuteranopia this collection shifts to #E4DDC4 for its anchor.