Discover the Colors of By Beth | Packaging Colors
Packaging Colors

Color Palette

By Beth — Collagen Supplement Packaging

523D2C
Copy As
HEX #523D2C
RGB rgb(82,61,44)
HSL
Notice: Undefined index: HSL in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6321
Download
SVG PNG
392A1D
Copy As
HEX #392A1D
RGB rgb(57,42,29)
HSL
Notice: Undefined index: HSL in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6321
Download
SVG PNG
6A513A
Copy As
HEX #6A513A
RGB rgb(106,81,58)
HSL
Notice: Undefined index: HSL in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6321
Download
SVG PNG
073E14
Copy As
HEX #073E14
RGB rgb(7,62,20)
HSL
Notice: Undefined index: HSL in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6321
Download
SVG PNG
8C7258
Copy As
HEX #8C7258
RGB rgb(140,114,88)
HSL
Notice: Undefined index: HSL in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6321
Download
SVG PNG
7A6248
Copy As
HEX #7A6248
RGB rgb(122,98,72)
HSL
Notice: Undefined index: HSL in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6321
Download
SVG PNG
081A09
Copy As
HEX #081A09
RGB rgb(8,26,9)
HSL
Notice: Undefined index: HSL in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6321
Download
SVG PNG
0D5526
Copy As
HEX #0D5526
RGB rgb(13,85,38)
HSL
Notice: Undefined index: HSL in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/packagingcolors.com/public_html/index.php on line 6321
Download
SVG PNG
#523D2C
#392A1D
#6A513A
#073E14
#8C7258
#7A6248
#081A09
#0D5526
By Beth

This palette was extracted from

By Beth

Award-Winning Collagen Supplement Packaging

About the Design

This design features Dark Slate Gray, Dark Olive Green, Dark Green, Dim Gray, and Black.

About the Award-Winning Collagen Supplement Packaging Design: The agency was commissioned to create a visual identity system and packaging design, including a bespoke vessel for this luxury atelier. Where possible all materials were selected based on their environmental credentials, ranging from the use of post-consumer waste, FSC papers and soy-based inks. The packaging uses a colour palette of dark green and light pastel hues, high quality materials, structures and subtle print finishes to create a tangible sense of both luxury and prestige.

This palette has a cozy feel, creating warmth and vitality.

View at A' Design Award

By Beth, where these colors originate, was designed by Angela Spindler.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#523D2C
Dark Slate Gray
22.6% Gray
Web Formats
HEX #523D2C
RGB 82,61,44
HSL hsl(27, 30%, 25%)
HWB hwb(27, 17%, 68%)
Print & Design
CMYK cmyk(0%, 26%, 46%, 68%)
HSV hsv(27, 46%, 32%)
Perceptual (Color Science)
LAB lab(27.61, 6.62, 14.03)
LCH lch(27.61, 15.52, 64.7°)
XYZ xyz(5.6, 5.31, 3.11)
OKLab oklab(0.3784, 0.02, 0.0349)
Accessibility (WCAG 2.1)
Aa
On White
10.18:1
AAA Pass
Aa
On Black
2.06:1
Fail
Aa
White on Color
10.18:1
AAA Pass
Aa
Black on Color
2.06:1
Fail
5.3%
Relative Luminance
0.0531
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
#2D4253
Complementary
of Dark Slate Gray
#53512D
Analogous
of Dark Slate Gray
#532D2F
Analogous
of Dark Slate Gray
#856347
Lighter Tint
of Dark Slate Gray
#AF896A
Lighter Tint
of Dark Slate Gray
#C9B09C
Lighter Tint
of Dark Slate Gray
#211912
Darker Shade
of Dark Slate Gray
#110C09
Darker Shade
of Dark Slate Gray
#110C09
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#392A1D
Dark Slate Gray
19.5% Gray
Web Formats
HEX #392A1D
RGB 57,42,29
HSL hsl(28, 33%, 17%)
HWB hwb(28, 11%, 78%)
Print & Design
CMYK cmyk(0%, 26%, 49%, 78%)
HSV hsv(28, 49%, 22%)
Perceptual (Color Science)
LAB lab(18.43, 4.86, 11.18)
LCH lch(18.43, 12.19, 66.5°)
XYZ xyz(2.74, 2.61, 1.52)
OKLab oklab(0.2986, 0.0147, 0.0277)
Accessibility (WCAG 2.1)
Aa
On White
13.79:1
AAA Pass
Aa
On Black
1.52:1
Fail
Aa
White on Color
13.79:1
AAA Pass
Aa
Black on Color
1.52:1
Fail
2.6%
Relative Luminance
0.0261
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
#1D2C3A
Complementary
of Dark Slate Gray
#3A391D
Analogous
of Dark Slate Gray
#3A1D1E
Analogous
of Dark Slate Gray
#6D5037
Lighter Tint
of Dark Slate Gray
#9F7550
Lighter Tint
of Dark Slate Gray
#BE9C7E
Lighter Tint
of Dark Slate Gray
#110C09
Darker Shade
of Dark Slate Gray
#110C09
Darker Shade
of Dark Slate Gray
#110C09
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#6A513A
Dark Olive Green
18.9% Green
Web Formats
HEX #6A513A
RGB 106,81,58
HSL hsl(29, 29%, 32%)
HWB hwb(29, 23%, 58%)
Print & Design
CMYK cmyk(0%, 24%, 45%, 58%)
HSV hsv(29, 45%, 42%)
Perceptual (Color Science)
LAB lab(36.47, 7.09, 17.53)
LCH lch(36.47, 18.91, 68°)
XYZ xyz(9.65, 9.26, 5.28)
OKLab oklab(0.455, 0.0214, 0.0434)
Accessibility (WCAG 2.1)
Aa
On White
7.37:1
AAA Pass
Aa
On Black
2.85:1
Fail
Aa
White on Color
7.37:1
AAA Pass
Aa
Black on Color
2.85:1
Fail
9.3%
Relative Luminance
0.0925
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
#3A5269
Complementary
of Dark Olive Green
#69683A
Analogous
of Dark Olive Green
#693A3B
Analogous
of Dark Olive Green
#9B7755
Lighter Tint
of Dark Olive Green
#BA9D82
Lighter Tint
of Dark Olive Green
#D5C4B3
Lighter Tint
of Dark Olive Green
#382B1F
Darker Shade
of Dark Olive Green
#100D09
Darker Shade
of Dark Olive Green
#100D09
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#073E14
Dark Green
15.7% Green
Web Formats
HEX #073E14
RGB 7,62,20
HSL hsl(134, 80%, 14%)
HWB hwb(134, 3%, 76%)
Print & Design
CMYK cmyk(89%, 0%, 68%, 76%)
HSV hsv(134, 89%, 24%)
Perceptual (Color Science)
LAB lab(22.09, -27.63, 20.64)
LCH lch(22.09, 34.48, 143.2°)
XYZ xyz(1.94, 3.54, 1.24)
OKLab oklab(0.3192, -0.0743, 0.0488)
Accessibility (WCAG 2.1)
Aa
On White
12.29:1
AAA Pass
Aa
On Black
1.71:1
Fail
Aa
White on Color
12.29:1
AAA Pass
Aa
Black on Color
1.71:1
Fail
3.5%
Relative Luminance
0.0354
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
#400733
Complementary
of Dark Green
#074031
Analogous
of Dark Green
#164007
Analogous
of Dark Green
#0F852A
Lighter Tint
of Dark Green
#16CA40
Lighter Tint
of Dark Green
#43EA6A
Lighter Tint
of Dark Green
#031707
Darker Shade
of Dark Green
#031707
Darker Shade
of Dark Green
#031707
Darker Shade
of Dark Green
Dark Green
Named Color
Discover the Hue
#8C7258
Dim Gray
7.0% Gray
Web Formats
HEX #8C7258
RGB 140,114,88
HSL hsl(30, 23%, 45%)
HWB hwb(30, 35%, 45%)
Print & Design
CMYK cmyk(0%, 19%, 37%, 45%)
HSV hsv(30, 37%, 55%)
Perceptual (Color Science)
LAB lab(49.88, 6.31, 18.26)
LCH lch(49.88, 19.32, 70.9°)
XYZ xyz(18.59, 18.32, 11.79)
OKLab oklab(0.5703, 0.0199, 0.0459)
Accessibility (WCAG 2.1)
Aa
On White
4.50:1
AA Pass
Aa
On Black
4.66:1
AA Pass
Aa
White on Color
4.50:1
AA Pass
Aa
Black on Color
4.66:1
AA Pass
18.3%
Relative Luminance
0.1831
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
#58738D
Complementary
of Dim Gray
#8D8D58
Analogous
of Dim Gray
#8D5858
Analogous
of Dim Gray
#B09982
Lighter Tint
of Dim Gray
#CEBFB1
Lighter Tint
of Dim Gray
#EBE6E0
Lighter Tint
of Dim Gray
#5E4D3B
Darker Shade
of Dim Gray
#2F261D
Darker Shade
of Dim Gray
#100D0A
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#7A6248
Dim Gray
7.0% Gray
Web Formats
HEX #7A6248
RGB 122,98,72
HSL hsl(31, 26%, 38%)
HWB hwb(31, 28%, 52%)
Print & Design
CMYK cmyk(0%, 20%, 41%, 52%)
HSV hsv(31, 41%, 48%)
Perceptual (Color Science)
LAB lab(43.27, 5.8, 18.46)
LCH lch(43.27, 19.35, 72.6°)
XYZ xyz(13.56, 13.34, 7.99)
OKLab oklab(0.5132, 0.018, 0.046)
Accessibility (WCAG 2.1)
Aa
On White
5.72:1
AA Pass
Aa
On Black
3.67:1
Large Only
Aa
White on Color
5.72:1
AA Pass
Aa
Black on Color
3.67:1
Large Only
13.3%
Relative Luminance
0.1334
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
#48607A
Complementary
of Dim Gray
#797A48
Analogous
of Dim Gray
#7A4948
Analogous
of Dim Gray
#A68868
Lighter Tint
of Dim Gray
#C3AE98
Lighter Tint
of Dim Gray
#DFD4C8
Lighter Tint
of Dim Gray
#4A3B2B
Darker Shade
of Dim Gray
#1A150F
Darker Shade
of Dim Gray
#100D09
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#081A09
Black
5.2% Black
Web Formats
HEX #081A09
RGB 8,26,9
HSL hsl(123, 53%, 7%)
HWB hwb(123, 3%, 90%)
Print & Design
CMYK cmyk(69%, 0%, 65%, 90%)
HSV hsv(123, 69%, 10%)
Perceptual (Color Science)
LAB lab(7.32, -10.29, 7.08)
LCH lch(7.32, 12.49, 145.5°)
XYZ xyz(0.52, 0.81, 0.39)
OKLab oklab(0.1966, -0.0336, 0.0235)
Accessibility (WCAG 2.1)
Aa
On White
18.07:1
AAA Pass
Aa
On Black
1.16:1
Fail
Aa
White on Color
18.07:1
AAA Pass
Aa
Black on Color
1.16:1
Fail
0.8%
Relative Luminance
0.0081
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
#1B081A
Complementary
of Black
#081B13
Analogous
of Black
#111B08
Analogous
of Black
#1A561D
Lighter Tint
of Black
#2C9031
Lighter Tint
of Black
#44C54A
Lighter Tint
of Black
#061407
Darker Shade
of Black
#061407
Darker Shade
of Black
#061407
Darker Shade
of Black
Black
Named Color
Discover the Hue
#0D5526
Dark Green
4.0% Green
Web Formats
HEX #0D5526
RGB 13,85,38
HSL hsl(141, 73%, 19%)
HWB hwb(141, 5%, 67%)
Print & Design
CMYK cmyk(85%, 0%, 55%, 67%)
HSV hsv(141, 85%, 33%)
Perceptual (Color Science)
LAB lab(31.17, -32.87, 21.37)
LCH lch(31.17, 39.21, 147°)
XYZ xyz(3.76, 6.72, 2.93)
OKLab oklab(0.3956, -0.0883, 0.0517)
Accessibility (WCAG 2.1)
Aa
On White
8.96:1
AAA Pass
Aa
On Black
2.34:1
Fail
Aa
White on Color
8.96:1
AAA Pass
Aa
Black on Color
2.34:1
Fail
6.7%
Relative Luminance
0.0672
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
#540D3B
Complementary
of Dark Green
#0D5449
Analogous
of Dark Green
#18540D
Analogous
of Dark Green
#179644
Lighter Tint
of Dark Green
#22D862
Lighter Tint
of Dark Green
#60E68F
Lighter Tint
of Dark Green
#03160A
Darker Shade
of Dark Green
#03160A
Darker Shade
of Dark Green
#03160A
Darker Shade
of Dark Green
Dark Green
Named Color
Discover the Hue

These hues were detected in Angela Spindler's award-winning project "By Beth".

Angela Spindler

About the Designer

Angela Spindler

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

Depot Principal Director Angela Spindler demonstrated an affinity for the unboxing experience from an early age. She kept all of her childhood toys in their original packaging to have a full brand moment every time she decided to play. During her 38 years in the design business, she has notched up almost 75,000 hours of design across four countries: England, Germany, New Zealand and Australia. She founded Depot in 2002, and her meticulous commitment to excellence has never wavered. On top of a busy schedule of client work, Angela has managed to gain a Master’s Degree in design from the College of Fine Art, Sydney. She has guest lectured at design schools both here in Australia and Germany, and was a packaging design moderator for Wintec, New Zealand. For the past 5 years, she has been a Jury Member for the A’Design Awards, Como Italy. In 2022, she was awarded Designer of the Year by the International Association of Designers.

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

Explore Spindler's Palettes View Spindler's Profile
Golden A' Packaging Design Award 2022

About the Award

Golden A' Packaging Design Award 2022

By Beth was honored with the Golden A' Packaging Design Award in 2022. The A' Design Award is a globally recognized design award program that acknowledges exceptional design innovation. Winners are selected through thorough review by a distinguished panel comprising academics, professionals and press members. The Golden status indicates commendable design excellence as assessed by the judging body.

A' Packaging Design Award

Elevate your product's first impression with innovative packaging design. The packaging award category highlights exceptional creativity, functional innovation, and environmental consciousness in packaging solutions.

Recognizes: Bottles, Boxes, Cans, Pouches, Tubes, Cartons, Wrappers, Bags and More.
Learn More About A' Packaging Design Award View at A' Design Award

More Palettes from By Beth

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

By Beth - View 2
5C4633
487668
463425
3A6254
2D4F42
2A1F16
8F755C
A58B70
By Beth • View 2
By Beth - View 3
080704
A79477
365153
DEDDD1
B7B6AC
405C5E
98998F
C8C7C0
By Beth • View 3
By Beth - View 4
69543F
5B452E
2C5447
3D6E60
463017
204136
A28B6C
132C24
By Beth • View 4
By Beth - View 5
463118
382511
DAA964
050404
E5DCC4
938E84
656368
80796E
By Beth • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Syha
DE7B46
DA464F
A26F85
9B272C
618FA1
C43941
8A2024
CB683A
Syha
19,379 ID#169923
Argan Life
A689C7
674D8F
51347C
9678BA
7B5DA0
D5A656
372759
EBC987
Argan Life
21,088 ID#150327
Wildheart Organics
DBD9DC
F9F9F7
C7C7CD
5861A4
DEC4D6
D7B1CA
CE8DB1
D0749D
Wildheart Organics
21,373 ID#137486
PickyPods
DD0569
E3E3E3
ED2A24
E9E61D
EE0B7E
F1F040
FEE35B
FC3A32
PickyPods
19,864 ID#132068
Nong Li
69676A
39393A
504F51
252425
848285
111111
DBDAD9
5C5B5E
Nong Li
3,245,104 ID#163373
Xijiu Matured Liquor
402619
5E402E
78543E
291810
8F6841
120805
EFCB8E
AB7F50
Xijiu Matured Liquor
931,844 ID#163642
Moutai Dream Red
390706
60100E
741916
7F2E27
911B12
893F32
9C5846
220201
Moutai Dream Red
732,158 ID#170889
Indian Absinthe
4F9D79
C5C6C6
3F7D62
3F8C6A
206F5A
1F8A6B
305E46
3A180E
Indian Absinthe
72,530 ID#169264
Guo Cui Wu Du
DFDFDF
043F6D
045188
0A67A4
102F54
939393
CACBCB
7D7D7D
Guo Cui Wu Du
7,388,361 ID#141597
Liang Bai Kai
232425
363739
48494B
838587
707273
949799
5E5F60
B6B8B9
Liang Bai Kai
354,437 ID#145406
The Storyteller
070302
301C0C
43382F
1F100A
856C46
6C6A65
5C5348
522F13
The Storyteller
3,216,839 ID#149512
Sakura Shimizu
67676D
545357
82838B
434345
222222
98989F
75767C
ABAAAD
Sakura Shimizu
339,876 ID#127414