Terra Palette | Color Plate
Color Plate

Color Palette

Terra — Branding

171718
Copy As
HEX #171718
RGB rgb(23,23,24)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
89898B
Copy As
HEX #89898B
RGB rgb(137,137,139)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
A1A1A3
Copy As
HEX #A1A1A3
RGB rgb(161,161,163)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
404043
Copy As
HEX #404043
RGB rgb(64,64,67)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
292929
Copy As
HEX #292929
RGB rgb(41,41,41)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
030304
Copy As
HEX #030304
RGB rgb(3,3,4)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
78787A
Copy As
HEX #78787A
RGB rgb(120,120,122)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
646467
Copy As
HEX #646467
RGB rgb(100,100,103)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plate.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plate.com/public_html/index.php on line 6321
Download
SVG PNG
#171718
#89898B
#A1A1A3
#404043
#292929
#030304
#78787A
#646467
Terra

This palette was extracted from

Terra

Award-Winning Branding

About the Design

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

About the Award-Winning Branding Design: The curvilinear logo design with the theme of aroma drifting from the environment expresses a natural and high quality coffee experience. The individual labels are designed with a collage of local photographs that connect the producer's face with the place of origin, environment and consumers, and convey the individuality and charm of the unique coffee produced in each region.

This palette has a cozy feel, evoking inviting warmth.

View at A' Design Award

Terra, the source of these colors, was designed by Akihito Shimizu.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#171718
Black
17.5% Black
Web Formats
HEX #171718
RGB 23,23,24
HSL hsl(240, 2%, 9%)
HWB hwb(240, 9%, 91%)
Print & Design
CMYK cmyk(4%, 4%, 0%, 91%)
HSV hsv(240, 4%, 9%)
Perceptual (Color Science)
LAB lab(7.78, 0.26, -0.7)
LCH lch(7.78, 0.75, 290.2°)
XYZ xyz(0.82, 0.86, 0.99)
OKLab oklab(0.205, 0.0005, -0.0019)
Accessibility (WCAG 2.1)
Aa
On White
17.92:1
AAA Pass
Aa
On Black
1.17:1
Fail
Aa
White on Color
17.92:1
AAA Pass
Aa
Black on Color
1.17:1
Fail
0.9%
Relative Luminance
0.0086
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
#171716
Complementary
of Black
#171617
Analogous
of Black
#161717
Analogous
of Black
#3C3C3E
Lighter Tint
of Black
#616165
Lighter Tint
of Black
#87878C
Lighter Tint
of Black
#0C0C0D
Darker Shade
of Black
#0C0C0D
Darker Shade
of Black
#0C0C0D
Darker Shade
of Black
Black
Named Color
Discover the Hue
#89898B
Gray
15.5% Gray
Web Formats
HEX #89898B
RGB 137,137,139
HSL hsl(240, 1%, 54%)
HWB hwb(240, 54%, 45%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 45%)
HSV hsv(240, 1%, 55%)
Perceptual (Color Science)
LAB lab(57.15, 0.4, -1.07)
LCH lch(57.15, 1.14, 290.3°)
XYZ xyz(23.92, 25.07, 28)
OKLab oklab(0.6307, 0.0008, -0.0028)
Accessibility (WCAG 2.1)
Aa
On White
3.49:1
Large Only
Aa
On Black
6.01:1
AA Pass
Aa
White on Color
3.49:1
Large Only
Aa
Black on Color
6.01:1
AA Pass
25.1%
Relative Luminance
0.2507
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
#8B8B89
Complementary
of Gray
#8A898B
Analogous
of Gray
#898A8B
Analogous
of Gray
#AFAFB1
Lighter Tint
of Gray
#D6D6D7
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#626264
Darker Shade
of Gray
#3D3D3E
Darker Shade
of Gray
#171717
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#A1A1A3
Dark Gray
13.9% Gray
Web Formats
HEX #A1A1A3
RGB 161,161,163
HSL hsl(240, 1%, 64%)
HWB hwb(240, 63%, 36%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 36%)
HSV hsv(240, 1%, 64%)
Perceptual (Color Science)
LAB lab(66.3, 0.38, -1.04)
LCH lch(66.3, 1.11, 290.3°)
XYZ xyz(34.05, 35.71, 39.74)
OKLab oklab(0.7096, 0.0008, -0.0028)
Accessibility (WCAG 2.1)
Aa
On White
2.58:1
Fail
Aa
On Black
8.14:1
AAA Pass
Aa
White on Color
2.58:1
Fail
Aa
Black on Color
8.14:1
AAA Pass
35.7%
Relative Luminance
0.3571
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
#A4A4A2
Complementary
of Dark Gray
#A3A2A4
Analogous
of Dark Gray
#A2A3A4
Analogous
of Dark Gray
#C9C9CA
Lighter Tint
of Dark Gray
#F0F0F0
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#7C7C7E
Darker Shade
of Dark Gray
#565658
Darker Shade
of Dark Gray
#303031
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#404043
Dark Slate Gray
13.6% Gray
Web Formats
HEX #404043
RGB 64,64,67
HSL hsl(240, 2%, 26%)
HWB hwb(240, 25%, 74%)
Print & Design
CMYK cmyk(4%, 4%, 0%, 74%)
HSV hsv(240, 4%, 26%)
Perceptual (Color Science)
LAB lab(27.19, 0.68, -1.83)
LCH lch(27.19, 1.95, 290.6°)
XYZ xyz(4.96, 5.16, 6.04)
OKLab oklab(0.3726, 0.0014, -0.0049)
Accessibility (WCAG 2.1)
Aa
On White
10.33:1
AAA Pass
Aa
On Black
2.03:1
Fail
Aa
White on Color
10.33:1
AAA Pass
Aa
Black on Color
2.03:1
Fail
5.2%
Relative Luminance
0.0516
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
#444441
Complementary
of Dark Slate Gray
#424144
Analogous
of Dark Slate Gray
#414244
Analogous
of Dark Slate Gray
#66666B
Lighter Tint
of Dark Slate Gray
#8D8D91
Lighter Tint
of Dark Slate Gray
#B4B4B7
Lighter Tint
of Dark Slate Gray
#1B1B1D
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
#0C0C0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#292929
Dark Slate Gray
10.9% Gray
Web Formats
HEX #292929
RGB 41,41,41
HSL hsl(0, 0%, 16%)
HWB hwb(0, 16%, 84%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 84%)
HSV hsv(0, 0%, 16%)
Perceptual (Color Science)
LAB lab(16.59, -0, 0)
LCH lch(16.59, 0, 158.2°)
XYZ xyz(2.11, 2.22, 2.41)
OKLab oklab(0.2809, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
14.55:1
AAA Pass
Aa
On Black
1.44:1
Fail
Aa
White on Color
14.55:1
AAA Pass
Aa
Black on Color
1.44:1
Fail
2.2%
Relative Luminance
0.0222
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
#292929
Complementary
of Dark Slate Gray
#292929
Analogous
of Dark Slate Gray
#292929
Analogous
of Dark Slate Gray
#4F4F4F
Lighter Tint
of Dark Slate Gray
#757575
Lighter Tint
of Dark Slate Gray
#9C9C9C
Lighter Tint
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#030304
Black
10.8% Black
Web Formats
HEX #030304
RGB 3,3,4
HSL hsl(240, 14%, 1%)
HWB hwb(240, 1%, 98%)
Print & Design
CMYK cmyk(25%, 25%, 0%, 98%)
HSV hsv(240, 25%, 2%)
Perceptual (Color Science)
LAB lab(0.84, 0.14, -0.38)
LCH lch(0.84, 0.4, 290.2°)
XYZ xyz(0.09, 0.09, 0.13)
OKLab oklab(0.0979, 0.0012, -0.0042)
Accessibility (WCAG 2.1)
Aa
On White
20.62:1
AAA Pass
Aa
On Black
1.02:1
Fail
Aa
White on Color
20.62:1
AAA Pass
Aa
Black on Color
1.02:1
Fail
0.1%
Relative Luminance
0.0009
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
#030302
Complementary
of Black
#030203
Analogous
of Black
#020303
Analogous
of Black
#23232F
Lighter Tint
of Black
#44445A
Lighter Tint
of Black
#656586
Lighter Tint
of Black
#0B0B0F
Darker Shade
of Black
#0B0B0F
Darker Shade
of Black
#0B0B0F
Darker Shade
of Black
Black
Named Color
Discover the Hue
#78787A
Gray
9.5% Gray
Web Formats
HEX #78787A
RGB 120,120,122
HSL hsl(240, 1%, 47%)
HWB hwb(240, 47%, 52%)
Print & Design
CMYK cmyk(2%, 2%, 0%, 52%)
HSV hsv(240, 2%, 48%)
Perceptual (Color Science)
LAB lab(50.49, 0.41, -1.09)
LCH lch(50.49, 1.17, 290.3°)
XYZ xyz(17.97, 18.83, 21.1)
OKLab oklab(0.5733, 0.0008, -0.0029)
Accessibility (WCAG 2.1)
Aa
On White
4.41:1
Large Only
Aa
On Black
4.77:1
AA Pass
Aa
White on Color
4.41:1
Large Only
Aa
Black on Color
4.77:1
AA Pass
18.8%
Relative Luminance
0.1883
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
#797977
Complementary
of Gray
#787779
Analogous
of Gray
#777879
Analogous
of Gray
#9D9D9F
Lighter Tint
of Gray
#C4C4C5
Lighter Tint
of Gray
#EAEAEB
Lighter Tint
of Gray
#515152
Darker Shade
of Gray
#2B2B2C
Darker Shade
of Gray
#0D0D0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#646467
Dim Gray
8.4% Gray
Web Formats
HEX #646467
RGB 100,100,103
HSL hsl(240, 1%, 40%)
HWB hwb(240, 39%, 60%)
Print & Design
CMYK cmyk(3%, 3%, 0%, 60%)
HSV hsv(240, 3%, 40%)
Perceptual (Color Science)
LAB lab(42.46, 0.63, -1.69)
LCH lch(42.46, 1.81, 290.4°)
XYZ xyz(12.26, 12.8, 14.65)
OKLab oklab(0.5042, 0.0013, -0.0045)
Accessibility (WCAG 2.1)
Aa
On White
5.90:1
AA Pass
Aa
On Black
3.56:1
Large Only
Aa
White on Color
5.90:1
AA Pass
Aa
Black on Color
3.56:1
Large Only
12.8%
Relative Luminance
0.1280
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
#676765
Complementary
of Dim Gray
#666567
Analogous
of Dim Gray
#656667
Analogous
of Dim Gray
#8B8B8D
Lighter Tint
of Dim Gray
#B2B2B3
Lighter Tint
of Dim Gray
#D8D8D9
Lighter Tint
of Dim Gray
#3F3F40
Darker Shade
of Dim Gray
#19191A
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue

This color palette was derived from Akihito Shimizu's recognized creation "Terra".

Akihito Shimizu

About the Designer

Akihito Shimizu

Akihito Shimizu is an acclaimed creative professional celebrated by the A' Design Award. Their designs embodies excellence in innovative design.

Born in Osaka Prefecture in 1983. After graduating from the faculty of economics at Kansai University, I got a job at a bank. After going through the design office,such as advertisement, signs, display, Established LEADER based in Nishinomiya-shi, Hyogo Prefecture. For Company, Store, Product branding, C.I, V.I plan, logo design, Package, sign planning, poster, advertisement, promotion tool, Visual planning and construction of display, website etc., Work on graphic design production through all media. Currently, Nishinomiya is also active in regional brand development activities,design creation, lectures,regional event management and exhibition planning. Member of Japan Graphic Design Association (JAGDA) Member of Designers Association (DAS)

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

Explore Shimizu's Palettes View Shimizu's Profile
Platinum A' Graphics, Illustration and Visual Communication Design Award 2022

About the Award

Platinum A' Graphics, Illustration and Visual Communication Design Award 2022

Terra received recognition with the Platinum A' Graphics, Illustration and Visual Communication Design Award in 2022. The A' Design Award is one of the world's most recognized design accolade that celebrates remarkable design achievement. Winning entries are identified through careful assessment by an expert jury with diverse expertise in design. The Platinum status signifies significant creative merit as evaluated by the evaluation panel.

A' Graphics, Illustration and Visual Communication Design Award

Celebrate the artistry and ingenuity in visual storytelling through the Graphics, Illustration and Visual Communication Design Award. The award category highlights exceptional creativity, effective communication, and the transformative power of illustrative and graphic design.

Recognizes: Logos, Posters, Infographics, Brochures, Packaging Designs, Business Cards, Book Covers, Billboards and More.
Learn More About A' Graphics, Illustration and Visual Communication Design Award View at A' Design Award

More Palettes from Terra

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

Terra - View 2
87878A
A6A6A9
707071
555455
969799
231E1C
070606
626163
Terra • View 2
Terra - View 3
080706
5A5A5B
1C1811
2C2827
927C47
4B4B4D
322711
655428
Terra • View 3
Terra - View 4
DFE1EA
C8CAD8
AEB2C2
989DAF
868A98
5E626F
4A4E5A
222529
Terra • View 4
Terra - View 5
68676A
161516
4F4F51
3D3C3E
060606
7A7A7C
2A2829
939394
Terra • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Culture to Technology Identity
D0D7DC
46769E
BDC2C8
2F608C
676E73
8EB5D1
79A4C2
6592B4
Culture to Technology Identity
1,204,248 ID#172335
Ancora
EEEEEC
AFAFAB
DEDFDC
BEBEBC
979696
606061
202021
737374
Ancora
582,404 ID#146124
Lalique
BBA7AC
9494C9
5D5991
7371A0
7D78B9
A7999F
273473
6965C8
Lalique
524,238 ID#147674
Better Bodies Hi
111113
292829
F6F7FE
3F3D40
565559
737174
878688
E2E4ED
Better Bodies Hi
2,559,959 ID#133445
What Next
D7D5D6
929090
C4C1C2
131315
9E9C9D
706E70
504F50
B0AFB0
What Next
63,775 ID#164675
Fun Community Project
4382BE
151518
050506
C2BEB3
ADA99F
CD664E
548DC3
3E5C96
Fun Community Project
69,780 ID#164645
Chinese Zodiac
A90509
D8B15A
AB2519
E4C679
B34F2B
BB3B3E
C35255
BD6939
Chinese Zodiac
40,634 ID#163225
Bellamy Sans
F9F9F9
E6E6E6
D1CDCC
ABA8A5
979592
C0BBBC
434343
7D7A79
Bellamy Sans
70,772 ID#167745
Birch
AEB2BB
CDD1D8
E9EBEE
BFC3CB
9B9EA6
848891
5E616B
494C54
Birch
1,281,359 ID#163625
Wen Shan Hai
1F1610
3A291C
503A28
0C0705
6D573C
1F2A24
6F3F2E
594B37
Wen Shan Hai
798,847 ID#164834
Tickless Mini
634D40
483932
342822
7B6457
8F7769
D2C8BD
A48D7D
C4B5A7
Tickless Mini
1,085,282 ID#167364
Cali
5A9ABD
EDEEEE
0F5548
99C5DA
51A9D2
68A9CB
119186
C6C7D2
Cali
699,672 ID#167935