Sign Up Sign Up
HK Between Essence

HK Between Essence

12-color palette · Cool · Light · Complementary harmony

Back to Library

HK Between Essence

12-color palette · Cool temperature · Light tone · Complementary harmony

Modify
Pastel 12 colors Cool Light Complementary green purple pastel cool
Likes 24
Colors 12

CSS variables

:root {
  --c-pastel-1: #E4FBEA;
  --c-pastel-2: #CAF6F2;
  --c-pastel-3: #B9D3E8;
  --c-pastel-4: #C2B4D6;
  --c-pastel-5: #BD99B6;
  --c-pastel-6: #AE9EA9;
  --c-pastel-7: #94A887;
  --c-pastel-8: #89AE73;
  --c-pastel-9: #69AC94;
  --c-pastel-10: #55A5C9;
  --c-pastel-11: #5D72BA;
  --c-pastel-12: #794875;
}

About this palette

This 12-color pastel palette runs from Winter Mist (#E4FBEA) as its lightest tone to Purple Passion (#794875) as its darkest. It blends Winter Mist, Tinted Ice, Light Sea Cliff, Plumeria, Dripping Wisteria, Symbolic, Zucchini Cream, Sage, Calmness, Estero Sky, Gladiola Blue and Purple Passion into a single set you can drop straight into a UI. Of its 66 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E4FBEA on #794875 at 6.44:1.

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

Color breakdown

Winter Mist #E4FBEA
RGB
rgb(228, 251, 234)
HSL
hsl(136, 74%, 94%)
Luminance
0.914
Tinted Ice #CAF6F2
RGB
rgb(202, 246, 242)
HSL
hsl(175, 71%, 88%)
Luminance
0.849
Light Sea Cliff #B9D3E8
RGB
rgb(185, 211, 232)
HSL
hsl(207, 51%, 82%)
Luminance
0.627
Plumeria #C2B4D6
RGB
rgb(194, 180, 214)
HSL
hsl(265, 29%, 77%)
Luminance
0.490
Dripping Wisteria #BD99B6
RGB
rgb(189, 153, 182)
HSL
hsl(312, 21%, 67%)
Luminance
0.370
Symbolic #AE9EA9
RGB
rgb(174, 158, 169)
HSL
hsl(319, 9%, 65%)
Luminance
0.363
Zucchini Cream #94A887
RGB
rgb(148, 168, 135)
HSL
hsl(96, 16%, 59%)
Luminance
0.361
Sage #89AE73
RGB
rgb(137, 174, 115)
HSL
hsl(98, 27%, 57%)
Luminance
0.368
Calmness #69AC94
RGB
rgb(105, 172, 148)
HSL
hsl(159, 29%, 54%)
Luminance
0.347
Estero Sky #55A5C9
RGB
rgb(85, 165, 201)
HSL
hsl(199, 52%, 56%)
Luminance
0.331
Gladiola Blue #5D72BA
RGB
rgb(93, 114, 186)
HSL
hsl(226, 40%, 55%)
Luminance
0.179
Purple Passion #794875
RGB
rgb(121, 72, 117)
HSL
hsl(305, 25%, 38%)
Luminance
0.100

Contrast & accessibility

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

Aa #E4FBEA on #794875 6.44:1 AA
Aa #CAF6F2 on #794875 6.00:1 AA
Aa #B9D3E8 on #794875 4.52:1 AA
Aa #E4FBEA on #5D72BA 4.21:1 AA Large
Aa #CAF6F2 on #5D72BA 3.92:1 AA Large
Aa #C2B4D6 on #794875 3.60:1 AA Large
Aa #B9D3E8 on #5D72BA 2.96:1 Fail
Aa #BD99B6 on #794875 2.80:1 Fail
Aa #89AE73 on #794875 2.79:1 Fail
Aa #AE9EA9 on #794875 2.76:1 Fail
Aa #94A887 on #794875 2.74:1 Fail
Aa #69AC94 on #794875 2.65:1 Fail
Aa #55A5C9 on #794875 2.54:1 Fail
Aa #E4FBEA on #55A5C9 2.53:1 Fail
Aa #E4FBEA on #69AC94 2.43:1 Fail
Aa #CAF6F2 on #55A5C9 2.36:1 Fail
Aa #C2B4D6 on #5D72BA 2.36:1 Fail
Aa #E4FBEA on #94A887 2.35:1 Fail
Aa #E4FBEA on #AE9EA9 2.33:1 Fail
Aa #E4FBEA on #89AE73 2.31:1 Fail
Aa #E4FBEA on #BD99B6 2.30:1 Fail
Aa #CAF6F2 on #69AC94 2.27:1 Fail
Aa #CAF6F2 on #94A887 2.19:1 Fail
Aa #CAF6F2 on #AE9EA9 2.18:1 Fail
Aa #CAF6F2 on #89AE73 2.15:1 Fail
Aa #CAF6F2 on #BD99B6 2.14:1 Fail
Aa #BD99B6 on #5D72BA 1.83:1 Fail
Aa #89AE73 on #5D72BA 1.83:1 Fail
Aa #AE9EA9 on #5D72BA 1.80:1 Fail
Aa #E4FBEA on #C2B4D6 1.79:1 Fail
Aa #94A887 on #5D72BA 1.79:1 Fail
Aa #B9D3E8 on #55A5C9 1.78:1 Fail
Aa #69AC94 on #5D72BA 1.73:1 Fail
Aa #B9D3E8 on #69AC94 1.71:1 Fail
Aa #CAF6F2 on #C2B4D6 1.67:1 Fail
Aa #55A5C9 on #5D72BA 1.66:1 Fail
Aa #B9D3E8 on #94A887 1.65:1 Fail
Aa #B9D3E8 on #AE9EA9 1.64:1 Fail
Aa #B9D3E8 on #89AE73 1.62:1 Fail
Aa #B9D3E8 on #BD99B6 1.61:1 Fail
Aa #5D72BA on #794875 1.53:1 Fail
Aa #E4FBEA on #B9D3E8 1.42:1 Fail
Aa #C2B4D6 on #55A5C9 1.42:1 Fail
Aa #C2B4D6 on #69AC94 1.36:1 Fail
Aa #CAF6F2 on #B9D3E8 1.33:1 Fail
Aa #C2B4D6 on #AE9EA9 1.31:1 Fail
Aa #C2B4D6 on #94A887 1.31:1 Fail
Aa #C2B4D6 on #BD99B6 1.29:1 Fail
Aa #C2B4D6 on #89AE73 1.29:1 Fail
Aa #B9D3E8 on #C2B4D6 1.26:1 Fail
Aa #BD99B6 on #55A5C9 1.10:1 Fail
Aa #89AE73 on #55A5C9 1.10:1 Fail
Aa #AE9EA9 on #55A5C9 1.09:1 Fail
Aa #94A887 on #55A5C9 1.08:1 Fail
Aa #E4FBEA on #CAF6F2 1.07:1 Fail
Aa #BD99B6 on #69AC94 1.06:1 Fail
Aa #89AE73 on #69AC94 1.06:1 Fail
Aa #AE9EA9 on #69AC94 1.04:1 Fail
Aa #94A887 on #69AC94 1.04:1 Fail
Aa #69AC94 on #55A5C9 1.04:1 Fail
Aa #BD99B6 on #AE9EA9 1.02:1 Fail
Aa #BD99B6 on #94A887 1.02:1 Fail
Aa #94A887 on #89AE73 1.02:1 Fail
Aa #AE9EA9 on #94A887 1.01:1 Fail
Aa #AE9EA9 on #89AE73 1.01:1 Fail
Aa #BD99B6 on #89AE73 1.00:1 Fail

Similar palettes

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 colors
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 colors
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 colors
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 colors
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 colors
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 colors
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 colors
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 colors