Jewelry Design Colors

Color Palette

Packaging Bejeweled — Statement Jewelry

0F1010
Copy As
HEX#0F1010
RGBrgb(15,16,16)
HSLhsl(180, 3%, 6%)
CMYKcmyk(6%, 0%, 0%, 94%)
Download
SVG PNG
E8E7E6
Copy As
HEX#E8E7E6
RGBrgb(232,231,230)
HSLhsl(30, 4%, 91%)
CMYKcmyk(0%, 0%, 1%, 9%)
Download
SVG PNG
7A7976
Copy As
HEX#7A7976
RGBrgb(122,121,118)
HSLhsl(45, 2%, 47%)
CMYKcmyk(0%, 1%, 3%, 52%)
Download
SVG PNG
353432
Copy As
HEX#353432
RGBrgb(53,52,50)
HSLhsl(40, 3%, 20%)
CMYKcmyk(0%, 2%, 6%, 79%)
Download
SVG PNG
4E4D4B
Copy As
HEX#4E4D4B
RGBrgb(78,77,75)
HSLhsl(40, 2%, 30%)
CMYKcmyk(0%, 1%, 4%, 69%)
Download
SVG PNG
242220
Copy As
HEX#242220
RGBrgb(36,34,32)
HSLhsl(30, 6%, 13%)
CMYKcmyk(0%, 6%, 11%, 86%)
Download
SVG PNG
9C9A96
Copy As
HEX#9C9A96
RGBrgb(156,154,150)
HSLhsl(40, 3%, 60%)
CMYKcmyk(0%, 1%, 4%, 39%)
Download
SVG PNG
636361
Copy As
HEX#636361
RGBrgb(99,99,97)
HSLhsl(60, 1%, 38%)
CMYKcmyk(0%, 0%, 2%, 61%)
Download
SVG PNG
#0F1010
#E8E7E6
#7A7976
#353432
#4E4D4B
#242220
#9C9A96
#636361
Packaging Bejeweled

This palette was extracted from

Packaging Bejeweled

Award-Winning Statement Jewelry

About the Design

This design features Black, Lavender, Gray, Dark Slate Gray, Dark Gray, and Dim Gray.

About the Award-Winning Statement Jewelry Design: Packaging Bejeweled is inspired by the designer's observations and reflections on disposable packaging that is commonly discarded in daily life. The design aims to provoke audiences' thoughts about the connection and contrast between inexpensive disposable packaging and valuable jewelry. It suggests that even the most affordable materials can become beautiful when reimagined and creatively repurposed in jewelry. This concept allows plastic packaging to become an integral part of the jewelry. Wearers have the option to display and protect their cherished items inside the transparent casing.

This palette has a warm feel, suggesting inviting warmth.

View at A' Design Award

Packaging Bejeweled, the source of these colors, was designed by Nanxi Yang.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#0F1010
Black
52.8% Black
Web Formats
HEX#0F1010
RGB15,16,16
HSLhsl(180, 3%, 6%)
HWBhwb(180, 6%, 94%)
Print & Design
CMYKcmyk(6%, 0%, 0%, 94%)
HSVhsv(180, 6%, 6%)
Perceptual (Color Science)
LABlab(4.6, -0.35, -0.12)
LCHlch(4.6, 0.37, 199.4°)
XYZxyz(0.48, 0.51, 0.56)
OKLaboklab(0.1719, -0.0016, -0.0005)
Accessibility (WCAG 2.1)
Aa
On White
19.06:1
AAA Pass
Aa
On Black
1.10:1
Fail
Aa
White on Color
19.06:1
AAA Pass
Aa
Black on Color
1.10:1
Fail
0.5%
Relative Luminance
0.0051
Very 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
#100F0F
Complementary
of Black
#0F0F10
Analogous
of Black
#0F100F
Analogous
of Black
#343737
Lighter Tint
of Black
#595F5F
Lighter Tint
of Black
#7E8686
Lighter Tint
of Black
#0C0D0D
Darker Shade
of Black
#0C0D0D
Darker Shade
of Black
#0C0D0D
Darker Shade
of Black
Black
Named Color
Discover the Hue
#E8E7E6
Lavender
29.0% Purple
Web Formats
HEX#E8E7E6
RGB232,231,230
HSLhsl(30, 4%, 91%)
HWBhwb(30, 90%, 9%)
Print & Design
CMYKcmyk(0%, 0%, 1%, 9%)
HSVhsv(30, 1%, 91%)
Perceptual (Color Science)
LABlab(91.69, 0.16, 0.6)
LCHlch(91.69, 0.62, 75.3°)
XYZxyz(76.14, 80.02, 86.28)
OKLaboklab(0.9285, 0.0007, 0.0016)
Accessibility (WCAG 2.1)
Aa
On White
1.23:1
Fail
Aa
On Black
17.00:1
AAA Pass
Aa
White on Color
1.23:1
Fail
Aa
Black on Color
17.00:1
AAA Pass
80.0%
Relative Luminance
0.8002
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
#E7E8E9
Complementary
of Lavender
#E9E9E7
Analogous
of Lavender
#E9E7E7
Analogous
of Lavender
#F3F2F2
Lighter Tint
of Lavender
#F3F2F2
Lighter Tint
of Lavender
#F3F2F2
Lighter Tint
of Lavender
#C4C2BF
Darker Shade
of Lavender
#A09C98
Darker Shade
of Lavender
#7A7571
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#7A7976
Gray
3.0% Gray
Web Formats
HEX#7A7976
RGB122,121,118
HSLhsl(45, 2%, 47%)
HWBhwb(45, 46%, 52%)
Print & Design
CMYKcmyk(0%, 1%, 3%, 52%)
HSVhsv(45, 3%, 48%)
Perceptual (Color Science)
LABlab(50.83, -0.21, 1.78)
LCHlch(50.83, 1.79, 96.9°)
XYZxyz(18.13, 19.12, 19.87)
OKLaboklab(0.576, -0.0001, 0.0047)
Accessibility (WCAG 2.1)
Aa
On White
4.35:1
Large Only
Aa
On Black
4.82:1
AA Pass
Aa
White on Color
4.35:1
Large Only
Aa
Black on Color
4.82:1
AA Pass
19.1%
Relative Luminance
0.1912
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
#75777A
Complementary
of Gray
#797A75
Analogous
of Gray
#7A7775
Analogous
of Gray
#A09F9C
Lighter Tint
of Gray
#C6C5C3
Lighter Tint
of Gray
#EBEBEA
Lighter Tint
of Gray
#535250
Darker Shade
of Gray
#2C2C2A
Darker Shade
of Gray
#0D0D0C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#353432
Dark Slate Gray
3.2% Gray
Web Formats
HEX#353432
RGB53,52,50
HSLhsl(40, 3%, 20%)
HWBhwb(40, 20%, 79%)
Print & Design
CMYKcmyk(0%, 2%, 6%, 79%)
HSVhsv(40, 6%, 21%)
Perceptual (Color Science)
LABlab(21.74, -0.01, 1.42)
LCHlch(21.74, 1.42, 90.5°)
XYZxyz(3.27, 3.44, 3.51)
OKLaboklab(0.3253, 0.0004, 0.0037)
Accessibility (WCAG 2.1)
Aa
On White
12.44:1
AAA Pass
Aa
On Black
1.69:1
Fail
Aa
White on Color
12.44:1
AAA Pass
Aa
Black on Color
1.69:1
Fail
3.4%
Relative Luminance
0.0344
Very 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
#313235
Complementary
of Dark Slate Gray
#343531
Analogous
of Dark Slate Gray
#353231
Analogous
of Dark Slate Gray
#5C5A57
Lighter Tint
of Dark Slate Gray
#83817C
Lighter Tint
of Dark Slate Gray
#A8A7A3
Lighter Tint
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#4E4D4B
Dark Slate Gray
3.0% Gray
Web Formats
HEX#4E4D4B
RGB78,77,75
HSLhsl(40, 2%, 30%)
HWBhwb(40, 29%, 69%)
Print & Design
CMYKcmyk(0%, 1%, 4%, 69%)
HSVhsv(40, 4%, 31%)
Perceptual (Color Science)
LABlab(32.78, -0.02, 1.33)
LCHlch(32.78, 1.33, 90.7°)
XYZxyz(7.07, 7.44, 7.72)
OKLaboklab(0.4205, 0.0003, 0.0035)
Accessibility (WCAG 2.1)
Aa
On White
8.44:1
AAA Pass
Aa
On Black
2.49:1
Fail
Aa
White on Color
8.44:1
AAA Pass
Aa
Black on Color
2.49:1
Fail
7.4%
Relative Luminance
0.0744
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
#4B4C4E
Complementary
of Dark Slate Gray
#4E4E4B
Analogous
of Dark Slate Gray
#4E4B4B
Analogous
of Dark Slate Gray
#757470
Lighter Tint
of Dark Slate Gray
#9B9A97
Lighter Tint
of Dark Slate Gray
#C1C0BE
Lighter Tint
of Dark Slate Gray
#272725
Darker Shade
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#242220
Black
3.1% Black
Web Formats
HEX#242220
RGB36,34,32
HSLhsl(30, 6%, 13%)
HWBhwb(30, 13%, 86%)
Print & Design
CMYKcmyk(0%, 6%, 11%, 86%)
HSVhsv(30, 11%, 14%)
Perceptual (Color Science)
LABlab(13.37, 0.47, 1.68)
LCHlch(13.37, 1.75, 74.4°)
XYZxyz(1.56, 1.62, 1.6)
OKLaboklab(0.2534, 0.0018, 0.0044)
Accessibility (WCAG 2.1)
Aa
On White
15.85:1
AAA Pass
Aa
On Black
1.32:1
Fail
Aa
White on Color
15.85:1
AAA Pass
Aa
Black on Color
1.32:1
Fail
1.6%
Relative Luminance
0.0162
Very 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
#1F2123
Complementary
of Black
#23231F
Analogous
of Black
#231F1F
Analogous
of Black
#4C4743
Lighter Tint
of Black
#746E67
Lighter Tint
of Black
#9A948D
Lighter Tint
of Black
#0E0D0C
Darker Shade
of Black
#0E0D0C
Darker Shade
of Black
#0E0D0C
Darker Shade
of Black
Black
Named Color
Discover the Hue
#9C9A96
Dark Gray
3.0% Gray
Web Formats
HEX#9C9A96
RGB156,154,150
HSLhsl(40, 3%, 60%)
HWBhwb(40, 59%, 39%)
Print & Design
CMYKcmyk(0%, 1%, 4%, 39%)
HSVhsv(40, 4%, 61%)
Perceptual (Color Science)
LABlab(63.66, -0.03, 2.35)
LCHlch(63.66, 2.35, 90.7°)
XYZxyz(30.77, 32.38, 33.48)
OKLaboklab(0.6867, 0.0006, 0.0062)
Accessibility (WCAG 2.1)
Aa
On White
2.81:1
Fail
Aa
On Black
7.48:1
AAA Pass
Aa
White on Color
2.81:1
Fail
Aa
Black on Color
7.48:1
AAA Pass
32.4%
Relative Luminance
0.3238
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
#96989C
Complementary
of Dark Gray
#9B9C96
Analogous
of Dark Gray
#9C9796
Analogous
of Dark Gray
#C1C0BD
Lighter Tint
of Dark Gray
#E6E6E5
Lighter Tint
of Dark Gray
#F3F2F2
Lighter Tint
of Dark Gray
#76746F
Darker Shade
of Dark Gray
#4F4D4A
Darker Shade
of Dark Gray
#272725
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#636361
Dim Gray
2.8% Gray
Web Formats
HEX#636361
RGB99,99,97
HSLhsl(60, 1%, 38%)
HWBhwb(60, 38%, 61%)
Print & Design
CMYKcmyk(0%, 0%, 2%, 61%)
HSVhsv(60, 2%, 39%)
Perceptual (Color Science)
LABlab(41.91, -0.41, 1.13)
LCHlch(41.91, 1.21, 110°)
XYZxyz(11.76, 12.44, 13.09)
OKLaboklab(0.499, -0.0009, 0.003)
Accessibility (WCAG 2.1)
Aa
On White
6.02:1
AA Pass
Aa
On Black
3.49:1
Large Only
Aa
White on Color
6.02:1
AA Pass
Aa
Black on Color
3.49:1
Large Only
12.4%
Relative Luminance
0.1244
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
#606062
Complementary
of Dim Gray
#616260
Analogous
of Dim Gray
#626160
Analogous
of Dim Gray
#888886
Lighter Tint
of Dim Gray
#AEAEAD
Lighter Tint
of Dim Gray
#D4D4D3
Lighter Tint
of Dim Gray
#3B3B3A
Darker Shade
of Dim Gray
#151514
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue

These hues were detected in Nanxi Yang's award-winning project "Packaging Bejeweled".

Nanxi Yang

About the Designer

Nanxi Yang

Nanxi Yang is an award-winning creative professional celebrated by the A' Design Award. Their designs embodies excellence in innovative design.

Nanxi Yang, a jewelry designer from China, graduated from Central Saint Martins, University of the Arts London, UK. In her design study and application, she often thinks about the connection between jewelry and people and society, and tries to use non-traditional jewelry materials and non-traditional wearing ways to find breakthroughs in different dimensions. She hope to continue to innovate and look for interesting and sustainable designs in the jewelry field. Therefore, you can see some interesting material combinations in her design. These materials may originally be common shapes and materials in life, but under her design, they glow with new vitality and beauty, giving jewelry wearers and viewers a new perspective to look at and understand her design.

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

Explore Yang's Palettes View Yang's Profile
Bronze A' Jewelry Design Award 2025

About the Award

Bronze A' Jewelry Design Award 2025

Packaging Bejeweled was awarded with the Bronze A' Jewelry Design Award in 2025. The A' Design Award is a well-established design recognition initiative that honors exemplary design excellence. Award recipients are determined through rigorous evaluation by qualified design professionals representing multiple disciplines. The Bronze 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 Packaging Bejeweled

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

Packaging Bejeweled - View 2
0A0A0A
DBDBD8
815637
5F5F5D
333230
1F1F1E
494847
A87653
Packaging Bejeweled • View 2
Packaging Bejeweled - View 3
D6D4CD
C6C1B7
E4E3E0
B6B2A6
A6A195
939187
7F7C73
5C584D
Packaging Bejeweled • View 3
Packaging Bejeweled - View 4
BD8A6B
AA7759
30261F
1D1814
D4A282
966447
81573E
6A080A
Packaging Bejeweled • View 4
Packaging Bejeweled - View 5
070707
BC8A6B
D09D7F
E3B295
AA7B5E
986C52
493A30
604D3F
Packaging Bejeweled • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

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
Starry Night
B5BABF
CACED2
E9EAED
9BA2A8
818990
6A737A
A7ADB3
DADDE1
Starry Night
94,657 ID#169701
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