View the Colors of Olive | Color Chips

Color Palette

Olive — A Website with Open Designs for Survival

B48778
Copy As
HEX #B48778
RGB rgb(180,135,120)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
D1D3DF
Copy As
HEX #D1D3DF
RGB rgb(209,211,223)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
C59890
Copy As
HEX #C59890
RGB rgb(197,152,144)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
C5C0C6
Copy As
HEX #C5C0C6
RGB rgb(197,192,198)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
E4C6C4
Copy As
HEX #E4C6C4
RGB rgb(228,198,196)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
D2ACA8
Copy As
HEX #D2ACA8
RGB rgb(210,172,168)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
B7B1B6
Copy As
HEX #B7B1B6
RGB rgb(183,177,182)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
9296A7
Copy As
HEX #9296A7
RGB rgb(146,150,167)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
#B48778
#D1D3DF
#C59890
#C5C0C6
#E4C6C4
#D2ACA8
#B7B1B6
#9296A7
Olive

This palette was extracted from

Olive

Award-Winning A Website with Open Designs for Survival

About the Design

This design features Rosy Brown, Light Gray, Silver, Thistle, Tan, and Dark Gray.

About the Award-Winning A Website with Open Designs for Survival: Olive is a wiki site that gathers and shares practical knowledge during a disaster. The project was named Olive, derived from the letter O (an emblem of the Japanese national flag) + Live (to live on). Ideas were quickly gathered with help from worldwide, on how to build necessities to survive in affected areas without the supplies. It achieved over one million page views within three weeks. It is still expanding today as a database of disaster countermeasures using collective intelligence.

This palette has a cozy feel, evoking inviting warmth.

View at A' Design Award

Olive, the design behind this palette, was designed by Eisuke Tachikawa.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.


Rosy Brown
27.2% Brown
Web Formats
HEX #B48778
RGB 180,135,120
HSL hsl(15, 29%, 59%)
HWB hwb(15, 47%, 29%)
Print & Design
CMYK cmyk(0%, 25%, 33%, 29%)
HSV hsv(15, 33%, 71%)
Perceptual (Color Science)
LAB lab(60.24, 15.1, 14.77)
LCH lch(60.24, 21.12, 44.4°)
XYZ xyz(30.88, 28.39, 21.62)
OKLab oklab(0.6629, 0.0464, 0.0378)
Accessibility (WCAG 2.1)
Aa
On White
3.14:1
Large Only
Aa
On Black
6.68:1
AA Pass
Aa
White on Color
3.14:1
Large Only
Aa
Black on Color
6.68:1
AA Pass
28.4%
Relative Luminance
0.2839
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.


Light Gray
16.2% Gray
Web Formats
HEX #D1D3DF
RGB 209,211,223
HSL hsl(231, 18%, 85%)
HWB hwb(231, 82%, 13%)
Print & Design
CMYK cmyk(6%, 5%, 0%, 13%)
HSV hsv(231, 6%, 87%)
Perceptual (Color Science)
LAB lab(84.73, 1.57, -6.14)
LCH lch(84.73, 6.34, 284.3°)
XYZ xyz(62.91, 65.47, 79.12)
OKLab oklab(0.8689, 0.0024, -0.0164)
Accessibility (WCAG 2.1)
Aa
On White
1.49:1
Fail
Aa
On Black
14.09:1
AAA Pass
Aa
White on Color
1.49:1
Fail
Aa
Black on Color
14.09:1
AAA Pass
65.5%
Relative Luminance
0.6547
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.


Rosy Brown
12.6% Brown
Web Formats
HEX #C59890
RGB 197,152,144
HSL hsl(9, 31%, 67%)
HWB hwb(9, 56%, 23%)
Print & Design
CMYK cmyk(0%, 23%, 27%, 23%)
HSV hsv(9, 27%, 77%)
Perceptual (Color Science)
LAB lab(66.78, 15.65, 10.69)
LCH lch(66.78, 18.95, 34.4°)
XYZ xyz(39.29, 36.34, 31.33)
OKLab oklab(0.7196, 0.0482, 0.0278)
Accessibility (WCAG 2.1)
Aa
On White
2.54:1
Fail
Aa
On Black
8.27:1
AAA Pass
Aa
White on Color
2.54:1
Fail
Aa
Black on Color
8.27:1
AAA Pass
36.3%
Relative Luminance
0.3634
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.


Silver
11.7% Gray
Web Formats
HEX #C5C0C6
RGB 197,192,198
HSL hsl(290, 5%, 76%)
HWB hwb(290, 75%, 22%)
Print & Design
CMYK cmyk(1%, 3%, 0%, 22%)
HSV hsv(290, 3%, 78%)
Perceptual (Color Science)
LAB lab(78.26, 2.84, -2.39)
LCH lch(78.26, 3.71, 319.9°)
XYZ xyz(52.07, 53.65, 61.03)
OKLab oklab(0.8136, 0.0077, -0.0063)
Accessibility (WCAG 2.1)
Aa
On White
1.79:1
Fail
Aa
On Black
11.73:1
AAA Pass
Aa
White on Color
1.79:1
Fail
Aa
Black on Color
11.73:1
AAA Pass
53.7%
Relative Luminance
0.5365
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.


Thistle
11.2% Purple
Web Formats
HEX #E4C6C4
RGB 228,198,196
HSL hsl(4, 37%, 83%)
HWB hwb(4, 77%, 11%)
Print & Design
CMYK cmyk(0%, 13%, 14%, 11%)
HSV hsv(4, 14%, 89%)
Perceptual (Color Science)
LAB lab(82.31, 10.24, 4.9)
LCH lch(82.31, 11.36, 25.6°)
XYZ xyz(62.15, 60.87, 60.69)
OKLab oklab(0.8514, 0.0316, 0.013)
Accessibility (WCAG 2.1)
Aa
On White
1.59:1
Fail
Aa
On Black
13.17:1
AAA Pass
Aa
White on Color
1.59:1
Fail
Aa
Black on Color
13.17:1
AAA Pass
60.9%
Relative Luminance
0.6087
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.


Tan
10.6% Brown
Web Formats
HEX #D2ACA8
RGB 210,172,168
HSL hsl(6, 32%, 74%)
HWB hwb(6, 66%, 18%)
Print & Design
CMYK cmyk(0%, 18%, 20%, 18%)
HSV hsv(6, 20%, 82%)
Perceptual (Color Science)
LAB lab(73.57, 13.2, 7.27)
LCH lch(73.57, 15.07, 28.8°)
XYZ xyz(48.4, 46.04, 43.37)
OKLab oklab(0.7772, 0.0407, 0.0192)
Accessibility (WCAG 2.1)
Aa
On White
2.06:1
Fail
Aa
On Black
10.21:1
AAA Pass
Aa
White on Color
2.06:1
Fail
Aa
Black on Color
10.21:1
AAA Pass
46.0%
Relative Luminance
0.4603
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.


Dark Gray
7.2% Gray
Web Formats
HEX #B7B1B6
RGB 183,177,182
HSL hsl(310, 4%, 71%)
HWB hwb(310, 69%, 28%)
Print & Design
CMYK cmyk(0%, 3%, 1%, 28%)
HSV hsv(310, 3%, 72%)
Perceptual (Color Science)
LAB lab(72.82, 3.05, -1.79)
LCH lch(72.82, 3.53, 329.6°)
XYZ xyz(43.69, 44.89, 50.61)
OKLab oklab(0.7668, 0.0085, -0.0047)
Accessibility (WCAG 2.1)
Aa
On White
2.10:1
Fail
Aa
On Black
9.98:1
AAA Pass
Aa
White on Color
2.10:1
Fail
Aa
Black on Color
9.98:1
AAA Pass
44.9%
Relative Luminance
0.4489
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.


Dark Gray
3.4% Gray
Web Formats
HEX #9296A7
RGB 146,150,167
HSL hsl(229, 11%, 61%)
HWB hwb(229, 57%, 35%)
Print & Design
CMYK cmyk(13%, 10%, 0%, 35%)
HSV hsv(229, 13%, 65%)
Perceptual (Color Science)
LAB lab(62.26, 2.07, -9.38)
LCH lch(62.26, 9.61, 282.5°)
XYZ xyz(29.73, 30.71, 40.91)
OKLab oklab(0.6754, 0.0023, -0.0253)
Accessibility (WCAG 2.1)
Aa
On White
2.94:1
Fail
Aa
On Black
7.14:1
AAA Pass
Aa
White on Color
2.94:1
Fail
Aa
Black on Color
7.14:1
AAA Pass
30.7%
Relative Luminance
0.3071
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.

This color palette was derived from Eisuke Tachikawa's acclaimed work "Olive".

Eisuke Tachikawa

About the Designer

Eisuke Tachikawa

Eisuke Tachikawa is a renowned creative director honored by the A' Design Award. Their portfolio demonstrates expertise in design and visual communication.

Eisuke Tachikawa is the head of NOSIGNER, a design firm aiming to create a hopeful future. He has worked on many projects tackling social issues, like climate change mitigation and adaptation, renewable energy, disaster prevention, community revitalization, and more. He advocates “Evolutional Creativity,” which tells the essence of creativity from the natural phenomenon of biological evolution, and this aims to foster innovators in various sectors of industry, academia, and government. This approach won him the prestigious Shichihei Yamamoto Prize, the leading academic award in humanities. Aside from being the chairman of the Benesse Educational Research & Development Institute's "Future of Higher Education" group, Tachikawa is working to spread creative education. As a highly expressive designer of products, graphics, and architecture, he has won over 100 design awards in Japan and internationally, including the Good Design Gold Award, the Design for Asia Grand Award, and the German Design Gold Award. He was also a judge for the Good Design Awards, ACC Tokyo Creative Awards, Design for Asia Awards, and World Architecture Festival. In 2021, he became the youngest president of the Japan Industrial Design Association (JIDA), Japan's oldest national design organization. He contributed to holding the World Design Conference in Japan for the first time in 34 years. In 2023, he joined the board of directors for the World Design Organization (WDO), which is an advisory group for the United Nations.

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

Golden A' Social Design Award 2021

About the Award

Golden A' Social Design Award 2021

Olive was awarded with the Golden A' Social Design Award in 2021. 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 Golden status represents notable design quality as judged by the review committee.

A' Social Design Award

Elevate impactful projects that address social challenges through design innovation. The social award category highlights initiatives that foster community engagement, promote social equity, and demonstrate responsible design practices.

Recognizes: Community Projects, Social Campaigns, Public Installations, Educational Programs, Sustainable Initiatives, Healthcare Solutions, Inclusive Design, Cultural Interactions and More.

More Palettes from Olive

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

Olive - View 2
DDDBDC
191919
B3B2B2
C8C7C7
909090
EEEBEC
E7251E
060606
Olive - View 3
DB272E
D7D5D8
C0BFC3
AAA6AA
918D8F
7E787A
666267
F7F7F4
Olive - View 4
041A1F
78706E
B59691
253639
C7A8A1
625F5E
434C4C
D4B4AE
Olive - View 5
D6141A
5A5A5A
454545
6D6D6D
2E2D2D
807F7F
1C1C1C
989898

Discover More Color Palettes

Explore colors from more award-winning designs.

Yamamotoyama
080607
293854
2D496E
151C28
325D82
BEC5CF
1A1113
381812
167,137 ID#119471
FOODres
F1F1F2
D0CBC6
DCC4A8
474D3B
BDB8B3
E7D8C0
606548
92A453
973,876 ID#163663
Aquacendo
E6E6E8
B6B6B6
CECECE
A2A2A1
908F8B
A38A40
F2F2F3
6A6B6A
70,133 ID#169425
Yongai E Home
0A090D
221F22
403B38
1B2952
554F49
6D5F50
978268
7E705F
321,773 ID#151646
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
822,660 ID#149079
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
713,025 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
1,008,147 ID#162196
160X 6 Pro
53B3C8
E8DBD6
E4C6B7
F0EDF0
EE9C66
E67942
CBC680
D0AA95
833,311 ID#162482
Xingshufu Banouet
521007
511D11
853312
6D200D
A14316
3E0905
0B0202
564335
2,900,129 ID#162641
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
849,424 ID#162656
T6 Intelligent
969799
AFAFB2
A2A2A5
D1D1D3
E4E5E6
C0C0C2
787A7E
616366
871,483 ID#162893
Datalense
0F0C08
282119
5D4D3E
43362A
6A6358
A1988D
867467
795A3E
731,173 ID#162927