Jewelry Design Colors

Color Palette

Morning Butterly — Jewelry

E4E2D9
Copy As
HEX#E4E2D9
RGBrgb(228,226,217)
HSLhsl(49, 17%, 87%)
CMYKcmyk(0%, 1%, 5%, 11%)
Download
SVG PNG
C0BDB3
Copy As
HEX#C0BDB3
RGBrgb(192,189,179)
HSLhsl(46, 9%, 73%)
CMYKcmyk(0%, 2%, 7%, 25%)
Download
SVG PNG
D0D0C6
Copy As
HEX#D0D0C6
RGBrgb(208,208,198)
HSLhsl(60, 10%, 80%)
CMYKcmyk(0%, 0%, 5%, 18%)
Download
SVG PNG
F1F0E9
Copy As
HEX#F1F0E9
RGBrgb(241,240,233)
HSLhsl(53, 22%, 93%)
CMYKcmyk(0%, 0%, 3%, 5%)
Download
SVG PNG
E4C7B7
Copy As
HEX#E4C7B7
RGBrgb(228,199,183)
HSLhsl(21, 45%, 81%)
CMYKcmyk(0%, 13%, 20%, 11%)
Download
SVG PNG
9FA09A
Copy As
HEX#9FA09A
RGBrgb(159,160,154)
HSLhsl(70, 3%, 62%)
CMYKcmyk(1%, 0%, 4%, 37%)
Download
SVG PNG
835756
Copy As
HEX#835756
RGBrgb(131,87,86)
HSLhsl(1, 21%, 43%)
CMYKcmyk(0%, 34%, 34%, 49%)
Download
SVG PNG
BB9C8E
Copy As
HEX#BB9C8E
RGBrgb(187,156,142)
HSLhsl(19, 25%, 65%)
CMYKcmyk(0%, 17%, 24%, 27%)
Download
SVG PNG
#E4E2D9
#C0BDB3
#D0D0C6
#F1F0E9
#E4C7B7
#9FA09A
#835756
#BB9C8E
Morning Butterly

This palette was extracted from

Morning Butterly

Award-Winning Jewelry

About the Design

This design features Gainsboro, Silver, Light Gray, Linen, Thistle, Dark Gray, Dim Gray, and Rosy Brown.

About the Award-Winning Jewelry Design: Morning Butterly is a set of ear cuffs and earrings inspired by a butterfly flying through early morning mist. The body of the butterfly is cast in rose gold, while the remaining parts are made of white gold. Pear shaped and melee Rhodolite stones sit on the wings, and diamonds of various sizes are set along a spiral. An ear post holds the ear cuff securely and comfortably in place. The butterfly body forms a rail, so the wings move freely and suggest active flight. A flower pistil acts as a rivet, letting the spiral and chains spin. Bezel set pear shaped moonstones represent the misty haze.

This palette has a warm feel, creating inviting warmth.

View at A' Design Award

Morning Butterly, where these colors originate, was designed by Wonhee Kim.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#E4E2D9
Gainsboro
29.4% Gray
Web Formats
HEX#E4E2D9
RGB228,226,217
HSLhsl(49, 17%, 87%)
HWBhwb(49, 85%, 11%)
Print & Design
CMYKcmyk(0%, 1%, 5%, 11%)
HSVhsv(49, 5%, 89%)
Perceptual (Color Science)
LABlab(89.81, -0.89, 4.63)
LCHlch(89.81, 4.72, 100.9°)
XYZxyz(71.71, 75.9, 76.5)
OKLaboklab(0.9119, -0.0014, 0.0122)
Accessibility (WCAG 2.1)
Aa
On White
1.30:1
Fail
Aa
On Black
16.18:1
AAA Pass
Aa
White on Color
1.30:1
Fail
Aa
Black on Color
16.18:1
AAA Pass
75.9%
Relative Luminance
0.7590
Light

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#D8DAE3
Complementary
of Gainsboro
#E0E3D8
Analogous
of Gainsboro
#E3DCD8
Analogous
of Gainsboro
#F4F4F0
Lighter Tint
of Gainsboro
#F4F4F0
Lighter Tint
of Gainsboro
#F4F4F0
Lighter Tint
of Gainsboro
#C4BFAB
Darker Shade
of Gainsboro
#A49D7F
Darker Shade
of Gainsboro
#7D7759
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#C0BDB3
Silver
16.1% Gray
Web Formats
HEX#C0BDB3
RGB192,189,179
HSLhsl(46, 9%, 73%)
HWBhwb(46, 70%, 25%)
Print & Design
CMYKcmyk(0%, 2%, 7%, 25%)
HSVhsv(46, 7%, 75%)
Perceptual (Color Science)
LABlab(76.59, -0.73, 5.42)
LCHlch(76.59, 5.47, 97.7°)
XYZxyz(48.07, 50.86, 49.92)
OKLaboklab(0.798, -0.0008, 0.0142)
Accessibility (WCAG 2.1)
Aa
On White
1.88:1
Fail
Aa
On Black
11.17:1
AAA Pass
Aa
White on Color
1.88:1
Fail
Aa
Black on Color
11.17:1
AAA Pass
50.9%
Relative Luminance
0.5086
Mid-tone

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#B4B7C0
Complementary
of Silver
#BDC0B4
Analogous
of Silver
#C0B7B4
Analogous
of Silver
#E3E2DE
Lighter Tint
of Silver
#F3F3F1
Lighter Tint
of Silver
#F3F3F1
Lighter Tint
of Silver
#9E998A
Darker Shade
of Silver
#787364
Darker Shade
of Silver
#4E4B41
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#D0D0C6
Light Gray
15.2% Gray
Web Formats
HEX#D0D0C6
RGB208,208,198
HSLhsl(60, 10%, 80%)
HWBhwb(60, 78%, 18%)
Print & Design
CMYKcmyk(0%, 0%, 5%, 18%)
HSVhsv(60, 5%, 82%)
Perceptual (Color Science)
LABlab(83.23, -1.78, 4.96)
LCHlch(83.23, 5.27, 109.7°)
XYZxyz(58.76, 62.6, 62.4)
OKLaboklab(0.8548, -0.0039, 0.013)
Accessibility (WCAG 2.1)
Aa
On White
1.55:1
Fail
Aa
On Black
13.52:1
AAA Pass
Aa
White on Color
1.55:1
Fail
Aa
Black on Color
13.52:1
AAA Pass
62.6%
Relative Luminance
0.6260
Light

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#C7C7D1
Complementary
of Light Gray
#CCD1C7
Analogous
of Light Gray
#D1CCC7
Analogous
of Light Gray
#F4F4F1
Lighter Tint
of Light Gray
#F4F4F1
Lighter Tint
of Light Gray
#F4F4F1
Lighter Tint
of Light Gray
#AFAF9D
Darker Shade
of Light Gray
#8C8C73
Darker Shade
of Light Gray
#626250
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#F1F0E9
Linen
9.2% White
Web Formats
HEX#F1F0E9
RGB241,240,233
HSLhsl(53, 22%, 93%)
HWBhwb(53, 91%, 5%)
Print & Design
CMYKcmyk(0%, 0%, 3%, 5%)
HSVhsv(53, 3%, 95%)
Perceptual (Color Science)
LABlab(94.7, -0.88, 3.49)
LCHlch(94.7, 3.6, 104.2°)
XYZxyz(82.14, 86.9, 89.52)
OKLaboklab(0.954, -0.0016, 0.0092)
Accessibility (WCAG 2.1)
Aa
On White
1.14:1
Fail
Aa
On Black
18.38:1
AAA Pass
Aa
White on Color
1.14:1
Fail
Aa
Black on Color
18.38:1
AAA Pass
86.9%
Relative Luminance
0.8690
Very Light

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#E9EAF1
Complementary
of Linen
#EEF1E9
Analogous
of Linen
#F1ECE9
Analogous
of Linen
#F5F4EF
Lighter Tint
of Linen
#F5F4EF
Lighter Tint
of Linen
#F5F4EF
Lighter Tint
of Linen
#D3D0BB
Darker Shade
of Linen
#B5B18C
Darker Shade
of Linen
#958F5F
Darker Shade
of Linen
Linen
Named Color
Discover the Hue
#E4C7B7
Thistle
8.8% Purple
Web Formats
HEX#E4C7B7
RGB228,199,183
HSLhsl(21, 45%, 81%)
HWBhwb(21, 72%, 11%)
Print & Design
CMYKcmyk(0%, 13%, 20%, 11%)
HSVhsv(21, 20%, 89%)
Perceptual (Color Science)
LABlab(82.25, 7.71, 11.77)
LCHlch(82.25, 14.07, 56.8°)
XYZxyz(60.97, 60.76, 53.31)
OKLaboklab(0.8499, 0.0251, 0.0306)
Accessibility (WCAG 2.1)
Aa
On White
1.60:1
Fail
Aa
On Black
13.15:1
AAA Pass
Aa
White on Color
1.60:1
Fail
Aa
Black on Color
13.15:1
AAA Pass
60.8%
Relative Luminance
0.6076
Light

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#B9D5E4
Complementary
of Thistle
#E4DEB9
Analogous
of Thistle
#E4B9BF
Analogous
of Thistle
#F8F1ED
Lighter Tint
of Thistle
#F8F1ED
Lighter Tint
of Thistle
#F8F1ED
Lighter Tint
of Thistle
#CF9D81
Darker Shade
of Thistle
#BA714A
Darker Shade
of Thistle
#854F32
Darker Shade
of Thistle
Thistle
Named Color
Discover the Hue
#9FA09A
Dark Gray
10.5% Gray
Web Formats
HEX#9FA09A
RGB159,160,154
HSLhsl(70, 3%, 62%)
HWBhwb(70, 60%, 37%)
Print & Design
CMYKcmyk(1%, 0%, 4%, 37%)
HSVhsv(70, 4%, 63%)
Perceptual (Color Science)
LABlab(65.63, -1.49, 3)
LCHlch(65.63, 3.35, 116.4°)
XYZxyz(32.7, 34.85, 35.57)
OKLaboklab(0.7031, -0.0036, 0.0079)
Accessibility (WCAG 2.1)
Aa
On White
2.64:1
Fail
Aa
On Black
7.97:1
AAA Pass
Aa
White on Color
2.64:1
Fail
Aa
Black on Color
7.97:1
AAA Pass
34.9%
Relative Luminance
0.3485
Mid-tone

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#9C9BA1
Complementary
of Dark Gray
#9DA19B
Analogous
of Dark Gray
#A19F9B
Analogous
of Dark Gray
#C6C6C3
Lighter Tint
of Dark Gray
#EBEBEA
Lighter Tint
of Dark Gray
#F3F3F2
Lighter Tint
of Dark Gray
#7A7B74
Darker Shade
of Dark Gray
#53544F
Darker Shade
of Dark Gray
#2C2D2A
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#835756
Dim Gray
7.4% Gray
Web Formats
HEX#835756
RGB131,87,86
HSLhsl(1, 21%, 43%)
HWBhwb(1, 34%, 49%)
Print & Design
CMYKcmyk(0%, 34%, 34%, 49%)
HSVhsv(1, 34%, 51%)
Perceptual (Color Science)
LABlab(41.71, 18.09, 8.03)
LCHlch(41.71, 19.79, 23.9°)
XYZxyz(14.45, 12.31, 10.42)
OKLaboklab(0.5044, 0.055, 0.0209)
Accessibility (WCAG 2.1)
Aa
On White
6.06:1
AA Pass
Aa
On Black
3.46:1
Large Only
Aa
White on Color
6.06:1
AA Pass
Aa
Black on Color
3.46:1
Large Only
12.3%
Relative Luminance
0.1231
Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#578485
Complementary
of Dim Gray
#856E57
Analogous
of Dim Gray
#85576D
Analogous
of Dim Gray
#AA7E7D
Lighter Tint
of Dim Gray
#C9ACAC
Lighter Tint
of Dim Gray
#E7DADA
Lighter Tint
of Dim Gray
#563938
Darker Shade
of Dim Gray
#281A1A
Darker Shade
of Dim Gray
#0F0A0A
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#BB9C8E
Rosy Brown
3.5% Brown
Web Formats
HEX#BB9C8E
RGB187,156,142
HSLhsl(19, 25%, 65%)
HWBhwb(19, 56%, 27%)
Print & Design
CMYKcmyk(0%, 17%, 24%, 27%)
HSVhsv(19, 24%, 73%)
Perceptual (Color Science)
LABlab(66.75, 9.29, 11.62)
LCHlch(66.75, 14.88, 51.4°)
XYZxyz(37.26, 36.3, 30.63)
OKLaboklab(0.7168, 0.0294, 0.0301)
Accessibility (WCAG 2.1)
Aa
On White
2.54:1
Fail
Aa
On Black
8.26:1
AAA Pass
Aa
White on Color
2.54:1
Fail
Aa
Black on Color
8.26:1
AAA Pass
36.3%
Relative Luminance
0.3629
Mid-tone

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#8FAEBC
Complementary
of Rosy Brown
#BCB48F
Analogous
of Rosy Brown
#BC8F98
Analogous
of Rosy Brown
#D9C7BF
Lighter Tint
of Rosy Brown
#F5F1EF
Lighter Tint
of Rosy Brown
#F5F1EF
Lighter Tint
of Rosy Brown
#9F7460
Darker Shade
of Rosy Brown
#705143
Darker Shade
of Rosy Brown
#402E26
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue

This color palette was derived from Wonhee Kim's award-winning project "Morning Butterly".

About the Designer

Wonhee Kim

Wonhee Kim is a distinguished design visionary recognized by the A' Design Award. Their creative vision reflects exceptional skill in creative direction.

Wonhee was born in Seoul, Korea and came to San Francisco, USA in
2014 to complete her BFA degree in Jewelry and Metal Arts at the
Academy of Art University(AAU) in May 2018. She received the Best in
Category Award for Director Choice BFA at the AAU Spring Show in 2018.
Wonhee then attended Jewelry Design and Technology program at the
Gemological Institute of America(GIA) to learn CAD/CAM and design skills
and received the Students’ Choice Award at the GIA Design Show in 2019. She also finished hand rendering class, Graduate Gemologist course in GIA.
Wonhee is inspired by symbols and key forms from memorable events and
creates jewelry in her unique style influenced by her fascination with Art
Nouveau and Art Deco styles.

Discover more color palettes from Kim's award-winning work.

Explore Kim's Palettes View Kim's Profile
Iron A' Jewelry Design Award 2020

About the Award

Iron A' Jewelry Design Award 2020

Morning Butterly has been recognized with the Iron A' Jewelry Design Award in 2020. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts with diverse expertise in design. The Iron status indicates commendable design excellence as assessed by the judging body.

A' Jewelry Design Award

Celebrate the artistry and craftsmanship of fine jewelry with your most exquisite designs. The jewelry award category highlights exceptional creativity, superior material use, and the potential to set new trends in the world of adornment.

Recognizes: Rings, Necklaces, Bracelets, Earrings, Brooches, Pendants, Cufflinks, Anklets and More.
Learn More About A' Jewelry Design Award View at A' Design Award

More Palettes from Morning Butterly

Each image reveals a unique color story. Click to explore.

Morning Butterly - View 2
E7E6E5
D6D6D1
CCC9C5
A5A49D
BFC0B7
F4F5F3
B79388
CBAB9D
Morning Butterly • View 2
Morning Butterly - View 3
EBEAE7
D5D3CD
BEBDB5
9B9791
ABA8A2
5E2D34
835B5C
EBDED1
Morning Butterly • View 3
Morning Butterly - View 4
B7B6AA
CACABD
F0EEE7
A2A299
DCDBD0
87867A
AC9A8A
7F7062
Morning Butterly • View 4
Morning Butterly - View 5
FEFEFE
EDECE5
DFDDD2
A68178
B49587
CECDC6
8C655E
B2B1AB
Morning Butterly • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

The Ray
636260
4F4E4D
3D3C3A
9F8647
757676
888989
B39752
CCB071
The Ray
13,417 ID#142196
Secret of Eternity
9F6D4F
8D5E42
B88761
080705
71472F
D2D2D0
C69C77
C3C2BF
Secret of Eternity
1,023,852 ID#165548
Spring Dance
B78B72
A3765F
614234
92644D
7B5340
CAA087
2A1D17
4D3126
Spring Dance
1,318,640 ID#165949
Waterfall
714B3B
5C3A2B
DDAF94
372922
BB866B
A7735A
D3CFCA
CD9A7E
Waterfall
50,084 ID#178753
Squama
030302
E6E9E7
A07256
AF8769
895C43
CCC8C1
211711
3F2B22
Squama
102,684 ID#164814
Dunhuang
0C0B0B
D7B39E
3F3F3A
C59C85
5C3E2B
936B56
AD826C
775441
Dunhuang
132,931 ID#165277
Maize
B1AF9E
8E9283
797E71
A3A18B
656B5E
3B3D36
C3C2B3
55554C
Maize
94,145 ID#166597
Harmonic Honeycomb
CFB79E
C1A38F
ECE6E5
DACCC8
D2C0B9
AF8E7F
E3BFA1
B6ABAB
Harmonic Honeycomb
95,549 ID#168597
Black Moon
101010
252424
030202
3F3F3F
5E5E5E
727272
999898
B9B9B9
Black Moon
1,532,457 ID#164242
Blooming Blossom
E5E8EB
C8C7C3
A58A5D
825E36
B9B09B
B8A57E
7D4729
8B7249
Blooming Blossom
1,445,950 ID#148175
Miracle of Birth
97785C
E3E1DF
B4B2B1
CDCBC9
999795
CFA456
AD9275
83817F
Miracle of Birth
1,775,197 ID#136443
Dance Anatomy
35393D
23272A
717476
585B5E
888A8C
D3D4D5
B3B4B6
9D9FA1
Dance Anatomy
174,581 ID#92713