Urban Clouds - 8 Color Palette | Architecture Colors
Architecture Colors

Color Palette

Urban Clouds — Congregate Housing

C9CBCF
Copy As
HEX #C9CBCF
RGB rgb(201,203,207)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
686766
Copy As
HEX #686766
RGB rgb(104,103,102)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
868686
Copy As
HEX #868686
RGB rgb(134,134,134)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
DDDDE0
Copy As
HEX #DDDDE0
RGB rgb(221,221,224)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
777675
Copy As
HEX #777675
RGB rgb(119,118,117)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
4D5044
Copy As
HEX #4D5044
RGB rgb(77,80,68)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
2D3124
Copy As
HEX #2D3124
RGB rgb(45,49,36)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
3C4232
Copy As
HEX #3C4232
RGB rgb(60,66,50)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
#C9CBCF
#686766
#868686
#DDDDE0
#777675
#4D5044
#2D3124
#3C4232
Urban Clouds

This palette was extracted from

Urban Clouds

Award-Winning Congregate Housing

About the Design

This design features Light Gray, Dim Gray, Gray, Gainsboro, and Dark Slate Gray.

About the Award-Winning Congregate Housing Design: The lattice design on the top floor allows light and shadow to flow freely, creating a dynamic, ever-changing facade. This design ensures the building captures multiple captivating faces throughout the day and night. With the sky and greenery as a backdrop, the structure seamlessly integrates with its environment. Thoughtfully designed lighting enhances both the exterior grandeur and interior warmth, offering a serene atmosphere. This tranquil haven, set amidst the city, becomes a space for relaxation, elegance, and emotional release.

This palette has a cozy feel, creating comfort and energy.

View at A' Design Award

Urban Clouds, the inspiration behind this palette, was designed by Ya-Yuan Design, Shanghefa Development.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#C9CBCF
Light Gray
20.0% Gray
Web Formats
HEX #C9CBCF
RGB 201,203,207
HSL hsl(220, 6%, 80%)
HWB hwb(220, 79%, 19%)
Print & Design
CMYK cmyk(3%, 2%, 0%, 19%)
HSV hsv(220, 3%, 81%)
Perceptual (Color Science)
LAB lab(81.64, 0.06, -2.23)
LCH lch(81.64, 2.23, 271.5°)
XYZ xyz(56.7, 59.63, 67.54)
OKLab oklab(0.8417, -0.0006, -0.0059)
Accessibility (WCAG 2.1)
Aa
On White
1.62:1
Fail
Aa
On Black
12.93:1
AAA Pass
Aa
White on Color
1.62:1
Fail
Aa
Black on Color
12.93:1
AAA Pass
59.6%
Relative Luminance
0.5963
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
#CFCDC9
Complementary
of Light Gray
#CAC9CF
Analogous
of Light Gray
#C9CECF
Analogous
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#F1F2F3
Lighter Tint
of Light Gray
#A0A4AB
Darker Shade
of Light Gray
#787D87
Darker Shade
of Light Gray
#54575F
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#686766
Dim Gray
18.2% Gray
Web Formats
HEX #686766
RGB 104,103,102
HSL hsl(30, 1%, 40%)
HWB hwb(30, 40%, 59%)
Print & Design
CMYK cmyk(0%, 1%, 2%, 59%)
HSV hsv(30, 2%, 41%)
Perceptual (Color Science)
LAB lab(43.66, 0.19, 0.7)
LCH lch(43.66, 0.72, 75.2°)
XYZ xyz(12.96, 13.6, 14.51)
OKLab oklab(0.5144, 0.0008, 0.0019)
Accessibility (WCAG 2.1)
Aa
On White
5.64:1
AA Pass
Aa
On Black
3.72:1
Large Only
Aa
White on Color
5.64:1
AA Pass
Aa
Black on Color
3.72:1
Large Only
13.6%
Relative Luminance
0.1360
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
#656667
Complementary
of Dim Gray
#676765
Analogous
of Dim Gray
#676565
Analogous
of Dim Gray
#8D8C8B
Lighter Tint
of Dim Gray
#B3B3B2
Lighter Tint
of Dim Gray
#D9D9D8
Lighter Tint
of Dim Gray
#40403F
Darker Shade
of Dim Gray
#1A1A19
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#868686
Gray
14.0% Gray
Web Formats
HEX #868686
RGB 134,134,134
HSL hsl(0, 0%, 53%)
HWB hwb(0, 53%, 47%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 47%)
HSV hsv(0, 0%, 53%)
Perceptual (Color Science)
LAB lab(55.93, -0, 0)
LCH lch(55.93, 0, 158.2°)
XYZ xyz(22.66, 23.84, 25.96)
OKLab oklab(0.6201, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
3.64:1
Large Only
Aa
On Black
5.77:1
AA Pass
Aa
White on Color
3.64:1
Large Only
Aa
Black on Color
5.77:1
AA Pass
23.8%
Relative Luminance
0.2384
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
#878787
Complementary
of Gray
#878787
Analogous
of Gray
#878787
Analogous
of Gray
#ADADAD
Lighter Tint
of Gray
#D4D4D4
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#616161
Darker Shade
of Gray
#3B3B3B
Darker Shade
of Gray
#141414
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#DDDDE0
Gainsboro
12.6% Gray
Web Formats
HEX #DDDDE0
RGB 221,221,224
HSL hsl(240, 5%, 87%)
HWB hwb(240, 87%, 12%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 12%)
HSV hsv(240, 1%, 88%)
Perceptual (Color Science)
LAB lab(88.19, 0.54, -1.47)
LCH lch(88.19, 1.56, 290.3°)
XYZ xyz(69.13, 72.47, 80.85)
OKLab oklab(0.8984, 0.0011, -0.0039)
Accessibility (WCAG 2.1)
Aa
On White
1.36:1
Fail
Aa
On Black
15.49:1
AAA Pass
Aa
White on Color
1.36:1
Fail
Aa
Black on Color
15.49:1
AAA Pass
72.5%
Relative Luminance
0.7247
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
#E0E0DC
Complementary
of Gainsboro
#DEDCE0
Analogous
of Gainsboro
#DCDEE0
Analogous
of Gainsboro
#F2F2F3
Lighter Tint
of Gainsboro
#F2F2F3
Lighter Tint
of Gainsboro
#F2F2F3
Lighter Tint
of Gainsboro
#B4B4BB
Darker Shade
of Gainsboro
#8C8C97
Darker Shade
of Gainsboro
#666670
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#777675
Gray
11.6% Gray
Web Formats
HEX #777675
RGB 119,118,117
HSL hsl(30, 1%, 46%)
HWB hwb(30, 46%, 53%)
Print & Design
CMYK cmyk(0%, 1%, 2%, 53%)
HSV hsv(30, 2%, 47%)
Perceptual (Color Science)
LAB lab(49.69, 0.18, 0.68)
LCH lch(49.69, 0.71, 75.2°)
XYZ xyz(17.3, 18.16, 19.42)
OKLab oklab(0.5664, 0.0007, 0.0018)
Accessibility (WCAG 2.1)
Aa
On White
4.53:1
AA Pass
Aa
On Black
4.63:1
AA Pass
Aa
White on Color
4.53:1
AA Pass
Aa
Black on Color
4.63:1
AA Pass
18.2%
Relative Luminance
0.1816
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
#747576
Complementary
of Gray
#767674
Analogous
of Gray
#767474
Analogous
of Gray
#9D9C9B
Lighter Tint
of Gray
#C2C2C1
Lighter Tint
of Gray
#E8E8E8
Lighter Tint
of Gray
#504F4E
Darker Shade
of Gray
#292928
Darker Shade
of Gray
#0D0D0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#4D5044
Dark Slate Gray
10.8% Gray
Web Formats
HEX #4D5044
RGB 77,80,68
HSL hsl(75, 8%, 29%)
HWB hwb(75, 27%, 69%)
Print & Design
CMYK cmyk(4%, 0%, 15%, 69%)
HSV hsv(75, 15%, 31%)
Perceptual (Color Science)
LAB lab(33.42, -3.71, 6.67)
LCH lch(33.42, 7.63, 119.1°)
XYZ xyz(6.97, 7.73, 6.59)
OKLab oklab(0.4247, -0.0094, 0.0173)
Accessibility (WCAG 2.1)
Aa
On White
8.25:1
AAA Pass
Aa
On Black
2.55:1
Fail
Aa
White on Color
8.25:1
AAA Pass
Aa
Black on Color
2.55:1
Fail
7.7%
Relative Luminance
0.0773
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
#474450
Complementary
of Dark Slate Gray
#475044
Analogous
of Dark Slate Gray
#504D44
Analogous
of Dark Slate Gray
#757967
Lighter Tint
of Dark Slate Gray
#9B9F8E
Lighter Tint
of Dark Slate Gray
#BFC2B7
Lighter Tint
of Dark Slate Gray
#252721
Darker Shade
of Dark Slate Gray
#0D0E0C
Darker Shade
of Dark Slate Gray
#0D0E0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#2D3124
Dark Slate Gray
8.0% Gray
Web Formats
HEX #2D3124
RGB 45,49,36
HSL hsl(78, 15%, 17%)
HWB hwb(78, 14%, 81%)
Print & Design
CMYK cmyk(8%, 0%, 27%, 81%)
HSV hsv(78, 27%, 19%)
Perceptual (Color Science)
LAB lab(19.56, -4.62, 7.74)
LCH lch(19.56, 9.01, 120.8°)
XYZ xyz(2.5, 2.88, 2.09)
OKLab oklab(0.3049, -0.0122, 0.0197)
Accessibility (WCAG 2.1)
Aa
On White
13.32:1
AAA Pass
Aa
On Black
1.58:1
Fail
Aa
White on Color
13.32:1
AAA Pass
Aa
Black on Color
1.58:1
Fail
2.9%
Relative Luminance
0.0288
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
#292532
Complementary
of Dark Slate Gray
#273225
Analogous
of Dark Slate Gray
#322F25
Analogous
of Dark Slate Gray
#565E45
Lighter Tint
of Dark Slate Gray
#7F8A66
Lighter Tint
of Dark Slate Gray
#A4AD90
Lighter Tint
of Dark Slate Gray
#0E0F0B
Darker Shade
of Dark Slate Gray
#0E0F0B
Darker Shade
of Dark Slate Gray
#0E0F0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#3C4232
Dark Slate Gray
4.8% Gray
Web Formats
HEX #3C4232
RGB 60,66,50
HSL hsl(83, 14%, 23%)
HWB hwb(83, 20%, 74%)
Print & Design
CMYK cmyk(9%, 0%, 24%, 74%)
HSV hsv(83, 24%, 26%)
Perceptual (Color Science)
LAB lab(26.98, -5.91, 8.93)
LCH lch(26.98, 10.71, 123.5°)
XYZ xyz(4.39, 5.09, 3.77)
OKLab oklab(0.3684, -0.0156, 0.0228)
Accessibility (WCAG 2.1)
Aa
On White
10.41:1
AAA Pass
Aa
On Black
2.02:1
Fail
Aa
White on Color
10.41:1
AAA Pass
Aa
Black on Color
2.02:1
Fail
5.1%
Relative Luminance
0.0509
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
#393243
Complementary
of Dark Slate Gray
#344332
Analogous
of Dark Slate Gray
#434132
Analogous
of Dark Slate Gray
#646E53
Lighter Tint
of Dark Slate Gray
#8B9876
Lighter Tint
of Dark Slate Gray
#B0B9A2
Lighter Tint
of Dark Slate Gray
#151712
Darker Shade
of Dark Slate Gray
#0D0F0B
Darker Shade
of Dark Slate Gray
#0D0F0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue

The colors presented here were analyzed from Ya-Yuan Design, Shanghefa Development's award-winning project "Urban Clouds".

About Ya-Yuan Design, Shanghefa Development

Ya-Yuan Design, Shanghefa Development

Ya-Yuan Design, Shanghefa Development is a distinguished agency cooperation celebrated by the A' Design Award. Their designs showcases excellence in product design.

YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI YA-YUAN INTERIOR, CING JING LIN . MORI

Discover more color palettes from Ya-Yuan Design, Shanghefa Development's award-winning work.

Explore Ya-Yuan Design, Shanghefa Development's Palettes View Ya-Yuan Design, Shanghefa Development's Profile
Golden A' Architecture, Building and Structure Design Award 2025

About the Award

Golden A' Architecture, Building and Structure Design Award 2025

Urban Clouds was awarded with the Golden A' Architecture, Building and Structure 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 with diverse expertise in design. The Golden status indicates commendable design excellence as assessed by the judging body.

A' Architecture, Building and Structure Design Award

Elevate the art of structural design with your visionary architectural projects. The architecture award category highlights exceptional creativity, technical ingenuity, and the integration of sustainable practices in the built environment.

Recognizes: Skyscrapers, Museums, Residential Buildings, Commercial Complexes, Educational Institutions, Religious Structures, Infrastructure Designs, Landscaping Projects and More.
Learn More About A' Architecture, Building and Structure Design Award View at A' Design Award

More Palettes from Urban Clouds

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

Urban Clouds - View 2
B2B6BB
9BA1AB
696A6F
525457
434645
918F8D
7B7C7D
C7C5C2
Urban Clouds • View 2
Urban Clouds - View 3
CDCFD0
B0B3B4
6A6B69
838686
999B9C
555655
BEC0C0
434240
Urban Clouds • View 3
Urban Clouds - View 4
54463B
67574B
382B21
1B1410
786A5E
8B7D70
9A8E82
AEA7A0
Urban Clouds • View 4
Urban Clouds - View 5
3F3F3D
1D1D1B
2D2D2A
0D0C0C
545451
66665E
87847F
797569
Urban Clouds • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Fuma
4482D7
2969CA
639CE3
82B3ED
44423C
1A58BF
B9BAC0
575448
Fuma
379,493 ID#164807
Golden Key Venue
3A3120
B9D3EA
834A33
464C21
1C1E14
59636F
424549
697786
Golden Key Venue
627,822 ID#168626
Cosmic Creek
2D3022
C8D9E0
434531
415B66
6C6350
5A7681
57593D
6A713E
Cosmic Creek
353,174 ID#166726
MRC Vison
026FB8
536224
137EC0
328CC6
529FCE
795E4B
45581C
8D441E
MRC Vison
3,385,669 ID#151645
Shenzhen Art Museum
7FB4EF
11243A
465A79
5C6883
9BC8F8
74A6E6
0B3259
B8D7FA
Shenzhen Art Museum
2,502,214 ID#156276
Stacked Crystal Form
73A8E2
B3B4B8
5A91D6
4B5B24
9DA1A9
262824
34411C
0F1015
Stacked Crystal Form
49,074 ID#170837
Xinhe Group HQ
A2B4D5
485C74
5A708C
B5C5E2
2C3837
475053
6C819F
1B2929
Xinhe Group HQ
57,247 ID#172347
Urban Symbiosis
80ACDB
486492
6179A0
3A5585
93C0E6
7A93B4
6C5B51
4A515D
Urban Symbiosis
53,707 ID#163837
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
China Overseas Yongding Jiuli
461,708 ID#162656
Huai’an Zhongshuge
211D1A
3D3029
544237
0B0A0A
705A4B
8A7564
6F4F3A
87654A
Huai’an Zhongshuge
695,755 ID#167817
Tender Soul of Ocean
12458B
0A3978
2355A0
3665B2
161B37
0E1028
4B78C1
2A3A61
Tender Soul of Ocean
1,240,979 ID#156105
Royal One
341610
4C261D
53433E
6D4234
726762
5D3428
615652
3C3636
Royal One
775,595 ID#161059