Moccle Colors | Design Colors

Color Palette

Moccle — Wooden Bicycle

CDCBC7
Copy As
HEX #CDCBC7
RGB rgb(205,203,199)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
B6B2AC
Copy As
HEX #B6B2AC
RGB rgb(182,178,172)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
E0DEDC
Copy As
HEX #E0DEDC
RGB rgb(224,222,220)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
F9F9F9
Copy As
HEX #F9F9F9
RGB rgb(249,249,249)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
948F89
Copy As
HEX #948F89
RGB rgb(148,143,137)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
7E6859
Copy As
HEX #7E6859
RGB rgb(126,104,89)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
A6A09A
Copy As
HEX #A6A09A
RGB rgb(166,160,154)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
A4856A
Copy As
HEX #A4856A
RGB rgb(164,133,106)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
#CDCBC7
#B6B2AC
#E0DEDC
#F9F9F9
#948F89
#7E6859
#A6A09A
#A4856A
Moccle

This palette was extracted from

Moccle

Award-Winning Wooden Bicycle

About the Design

This design features Light Gray, Dark Gray, Gainsboro, Ghost White, Gray, and Dim Gray.

About the Award-Winning Wooden Bicycle Design: Moccle is focused on the earthquake resistance of traditional Japanese wooden houses and used wood as the main material. A hybrid material combining wood and carbon fibre is used to balance flexibility and strength. By minimising functions and developing comfort and fun rather than speed, Moccle is not only a tool for mobility, but also a part of the interior that can be displayed in the living room.

This palette has a warming feel, evoking inviting warmth.

View at A' Design Award

Moccle, where these colors originate, was designed by Masateru Yasuda.

Color Data for Professionals

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


Light Gray
21.5% Gray
Web Formats
HEX #CDCBC7
RGB 205,203,199
HSL hsl(40, 6%, 79%)
HWB hwb(40, 78%, 20%)
Print & Design
CMYK cmyk(0%, 1%, 3%, 20%)
HSV hsv(40, 3%, 80%)
Perceptual (Color Science)
LAB lab(81.74, -0.03, 2.23)
LCH lch(81.74, 2.23, 90.8°)
XYZ xyz(56.84, 59.81, 62.57)
OKLab oklab(0.8426, 0.0006, 0.0059)
Accessibility (WCAG 2.1)
Aa
On White
1.62:1
Fail
Aa
On Black
12.96:1
AAA Pass
Aa
White on Color
1.62:1
Fail
Aa
Black on Color
12.96:1
AAA Pass
59.8%
Relative Luminance
0.5981
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
17.5% Gray
Web Formats
HEX #B6B2AC
RGB 182,178,172
HSL hsl(36, 6%, 69%)
HWB hwb(36, 67%, 29%)
Print & Design
CMYK cmyk(0%, 2%, 5%, 29%)
HSV hsv(36, 5%, 71%)
Perceptual (Color Science)
LAB lab(72.74, 0.33, 3.56)
LCH lch(72.74, 3.58, 84.7°)
XYZ xyz(42.66, 44.76, 45.41)
OKLab oklab(0.7651, 0.002, 0.0094)
Accessibility (WCAG 2.1)
Aa
On White
2.11:1
Fail
Aa
On Black
9.95:1
AAA Pass
Aa
White on Color
2.11:1
Fail
Aa
Black on Color
9.95:1
AAA Pass
44.8%
Relative Luminance
0.4476
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.


Gainsboro
15.9% Gray
Web Formats
HEX #E0DEDC
RGB 224,222,220
HSL hsl(30, 6%, 87%)
HWB hwb(30, 86%, 12%)
Print & Design
CMYK cmyk(0%, 1%, 2%, 12%)
HSV hsv(30, 2%, 88%)
Perceptual (Color Science)
LAB lab(88.57, 0.32, 1.22)
LCH lch(88.57, 1.26, 75.2°)
XYZ xyz(69.78, 73.26, 78.16)
OKLab oklab(0.9016, 0.0013, 0.0032)
Accessibility (WCAG 2.1)
Aa
On White
1.34:1
Fail
Aa
On Black
15.65:1
AAA Pass
Aa
White on Color
1.34:1
Fail
Aa
Black on Color
15.65:1
AAA Pass
73.3%
Relative Luminance
0.7326
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.


Ghost White
12.6% White
Web Formats
HEX #F9F9F9
RGB 249,249,249
HSL hsl(0, 0%, 98%)
HWB hwb(0, 98%, 2%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 2%)
HSV hsv(0, 0%, 98%)
Perceptual (Color Science)
LAB lab(97.93, -0, 0)
LCH lch(97.93, 0, 158.2°)
XYZ xyz(90.04, 94.73, 103.15)
OKLab oklab(0.9821, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.05:1
Fail
Aa
On Black
19.95:1
AAA Pass
Aa
White on Color
1.05:1
Fail
Aa
Black on Color
19.95:1
AAA Pass
94.7%
Relative Luminance
0.9473
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.


Gray
8.2% Gray
Web Formats
HEX #948F89
RGB 148,143,137
HSL hsl(33, 5%, 56%)
HWB hwb(33, 54%, 42%)
Print & Design
CMYK cmyk(0%, 3%, 7%, 42%)
HSV hsv(33, 7%, 58%)
Perceptual (Color Science)
LAB lab(59.66, 0.73, 3.84)
LCH lch(59.66, 3.91, 79.3°)
XYZ xyz(26.55, 27.75, 27.62)
OKLab oklab(0.6525, 0.0032, 0.0101)
Accessibility (WCAG 2.1)
Aa
On White
3.21:1
Large Only
Aa
On Black
6.55:1
AA Pass
Aa
White on Color
3.21:1
Large Only
Aa
Black on Color
6.55:1
AA Pass
27.8%
Relative Luminance
0.2775
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.


Dim Gray
8.4% Gray
Web Formats
HEX #7E6859
RGB 126,104,89
HSL hsl(24, 17%, 42%)
HWB hwb(24, 35%, 51%)
Print & Design
CMYK cmyk(0%, 17%, 29%, 51%)
HSV hsv(24, 29%, 49%)
Perceptual (Color Science)
LAB lab(45.71, 6.33, 11.74)
LCH lch(45.71, 13.33, 61.7°)
XYZ xyz(15.36, 15.06, 11.55)
OKLab oklab(0.5344, 0.0202, 0.0301)
Accessibility (WCAG 2.1)
Aa
On White
5.23:1
AA Pass
Aa
On Black
4.01:1
Large Only
Aa
White on Color
5.23:1
AA Pass
Aa
Black on Color
4.01:1
Large Only
15.1%
Relative Luminance
0.1506
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.


Dark Gray
8.2% Gray
Web Formats
HEX #A6A09A
RGB 166,160,154
HSL hsl(30, 6%, 63%)
HWB hwb(30, 60%, 35%)
Print & Design
CMYK cmyk(0%, 4%, 7%, 35%)
HSV hsv(30, 7%, 65%)
Perceptual (Color Science)
LAB lab(66.2, 1.08, 3.89)
LCH lch(66.2, 4.04, 74.6°)
XYZ xyz(34.13, 35.58, 35.64)
OKLab oklab(0.709, 0.0042, 0.0103)
Accessibility (WCAG 2.1)
Aa
On White
2.59:1
Fail
Aa
On Black
8.12:1
AAA Pass
Aa
White on Color
2.59:1
Fail
Aa
Black on Color
8.12:1
AAA Pass
35.6%
Relative Luminance
0.3558
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.


Gray
7.6% Gray
Web Formats
HEX #A4856A
RGB 164,133,106
HSL hsl(28, 24%, 53%)
HWB hwb(28, 42%, 36%)
Print & Design
CMYK cmyk(0%, 19%, 35%, 36%)
HSV hsv(28, 35%, 64%)
Perceptual (Color Science)
LAB lab(57.76, 7.88, 19.04)
LCH lch(57.76, 20.61, 67.5°)
XYZ xyz(26.3, 25.71, 17.21)
OKLab oklab(0.6388, 0.0248, 0.0481)
Accessibility (WCAG 2.1)
Aa
On White
3.42:1
Large Only
Aa
On Black
6.14:1
AA Pass
Aa
White on Color
3.42:1
Large Only
Aa
Black on Color
6.14:1
AA Pass
25.7%
Relative Luminance
0.2571
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 palette originates from Masateru Yasuda's recognized creation "Moccle".

Masateru Yasuda

About the Designer

Masateru Yasuda

Masateru Yasuda is an award-winning creative director honored by the A' Design Award. Their portfolio demonstrates expertise in design and visual communication.

Designer, Bicycle frame builder and Painter Born in Osaka in 1973. After Osaka University of Arts, started making a wooden bicycle while teaching at the university in 1999. Moved to Italy for learning traditional manufacturing. And made competition bicycles for Tour de France at Sanpatrignano, worked at ZULLO Tiziano bike studio in Veneto and design work for other bicycle companies. Returned to Japan in 2012 and set up an atelier in Nagano. Responsible for design and painting requested by domestic and foreign bicycle manufacturers and customers. 2019 invited builder for North America Handmade Bike Show.

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

Golden A' Bicycle Design Award 2023

About the Award

Golden A' Bicycle Design Award 2023

Moccle was awarded with the Golden A' Bicycle Design Award in 2023. 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 signifies significant creative merit as evaluated by the evaluation panel.

A' Bicycle Design Award

Elevate the art of cycling with your innovative bicycle designs. The bicycle award category highlights advancements in ergonomic features, sustainability in materials and construction, and breakthroughs in performance enhancement.

Recognizes: Mountain Bikes, Road Bikes, Hybrid Bikes, Cruiser Bikes, Folding Bikes, Electric Bikes, BMX Bikes, Recumbent Bikes and More.

More Palettes from Moccle

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

Moccle - View 2
E7E7E9
785548
BEBDBC
AAA7A5
9F837A
DCDBDC
CFCECF
949393
Moccle - View 3
F5F5F7
9F7C6A
B2AFAE
C7C5C6
938C8A
A19E9E
DFDEE0
7D7572
Moccle - View 4
CECCCB
B2AFAE
9C9897
8A6D5D
85807D
EEEEF0
DBD8D5
C0BDBC
Moccle - View 5
977565
F1F1F3
A4816D
7A6560
DFDDD9
6B5248
C1B4AB
CDC8C3

Discover More Color Palettes

Explore colors from more award-winning designs.

Vello SUB
837963
A7A297
988F7B
C3B4A7
A8ACB6
858A90
171F0E
727779
564,958 ID#147026
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
709,121 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
1,003,111 ID#162196
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
845,054 ID#162656
Datalense
0F0C08
282119
5D4D3E
43362A
6A6358
A1988D
867467
795A3E
725,849 ID#162927
Fuma
4482D7
2969CA
639CE3
82B3ED
44423C
1A58BF
B9BAC0
575448
713,819 ID#164807
Lena
58565E
A6A4AC
323138
1F1E25
45434B
C4C3C9
DAD9DE
EEECEF
720,553 ID#165517
Xichang Joyhub Air
192F1C
8DA5BF
A0B5C9
0F6C9E
B7B9C0
7A95B5
93991C
8E6D4B
1,179,066 ID#165787
JJ Lin JJ20 World Tour
03060F
08182F
0E2C4D
203C62
324A7C
0E4B76
23293C
30384F
571,114 ID#166347
Cosmic Creek
2D3022
C8D9E0
434531
415B66
6C6350
5A7681
57593D
6A713E
664,733 ID#166726
Huai’an Zhongshuge
211D1A
3D3029
544237
0B0A0A
705A4B
8A7564
6F4F3A
87654A
2,704,413 ID#167817
Deer Chaser Yuchi
6D7743
586530
809CB2
6D8CA6
CAD7E4
9AB2C7
B2C5D5
484633
850,098 ID#168397