Ripple House Palette | Design Colors
Design Colors

Color Palette

Ripple House — Residential Architecture

5293C6
Copy As
HEX #5293C6
RGB rgb(82,147,198)
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
69A2D0
Copy As
HEX #69A2D0
RGB rgb(105,162,208)
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
363937
Copy As
HEX #363937
RGB rgb(54,57,55)
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
131F2B
Copy As
HEX #131F2B
RGB rgb(19,31,43)
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
484C4D
Copy As
HEX #484C4D
RGB rgb(72,76,77)
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
E7C6AB
Copy As
HEX #E7C6AB
RGB rgb(231,198,171)
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
7A899E
Copy As
HEX #7A899E
RGB rgb(122,137,158)
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
948B91
Copy As
HEX #948B91
RGB rgb(148,139,145)
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
#5293C6
#69A2D0
#363937
#131F2B
#484C4D
#E7C6AB
#7A899E
#948B91
Ripple House

This palette was extracted from

Ripple House

Award-Winning Residential Architecture

About the Design

This design features Steel Blue, Cornflower Blue, Dark Slate Gray, Black, Wheat, Light Slate Gray, and Gray.

About the Award-Winning Residential Architecture Design: Ripple House is a sculptural masterpiece that transforms space into a living artwork while overcoming the challenge of limited natural light common in attached dwellings. A custom designed screen by the architect, Sam Alawie, casts shifting light patterns, mimicking the fluid dance of water droplets as sunlight moves throughout the day. A central double height void floods the home with natural light, creating openness and connection between levels. More than a residence, Ripple House is an immersive experience where architecture, light, and nature harmonize in ever evolving experience.

This palette has a calming feel, evoking peaceful balance.

View at A' Design Award

Ripple House, the inspiration behind this palette, was designed by Sam Alawie.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#5293C6
Steel Blue
51.0% Blue
Web Formats
HEX #5293C6
RGB 82,147,198
HSL hsl(206, 50%, 55%)
HWB hwb(206, 32%, 22%)
Print & Design
CMYK cmyk(59%, 26%, 0%, 22%)
HSV hsv(206, 59%, 78%)
Perceptual (Color Science)
LAB lab(58.73, -5.63, -32.63)
LCH lch(58.73, 33.11, 260.2°)
XYZ xyz(24.1, 26.74, 57.31)
OKLab oklab(0.6414, -0.0446, -0.0916)
Accessibility (WCAG 2.1)
Aa
On White
3.31:1
Large Only
Aa
On Black
6.35:1
AA Pass
Aa
White on Color
3.31:1
Large Only
Aa
Black on Color
6.35:1
AA Pass
26.7%
Relative Luminance
0.2674
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
#C68553
Complementary
of Steel Blue
#535BC6
Analogous
of Steel Blue
#53C6BE
Analogous
of Steel Blue
#8CB8D9
Lighter Tint
of Steel Blue
#C6DBEC
Lighter Tint
of Steel Blue
#ECF3F9
Lighter Tint
of Steel Blue
#336D99
Darker Shade
of Steel Blue
#204460
Darker Shade
of Steel Blue
#0D1B26
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue
#69A2D0
Cornflower Blue
13.1% Blue
Web Formats
HEX #69A2D0
RGB 105,162,208
HSL hsl(207, 52%, 61%)
HWB hwb(207, 41%, 18%)
Print & Design
CMYK cmyk(50%, 22%, 0%, 18%)
HSV hsv(207, 50%, 82%)
Perceptual (Color Science)
LAB lab(64.48, -5.98, -29.23)
LCH lch(64.48, 29.83, 258.4°)
XYZ xyz(30.13, 33.4, 64.52)
OKLab oklab(0.691, -0.0398, -0.0815)
Accessibility (WCAG 2.1)
Aa
On White
2.73:1
Fail
Aa
On Black
7.68:1
AAA Pass
Aa
White on Color
2.73:1
Fail
Aa
Black on Color
7.68:1
AAA Pass
33.4%
Relative Luminance
0.3340
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
#CF9668
Complementary
of Cornflower Blue
#686DCF
Analogous
of Cornflower Blue
#68CFCA
Analogous
of Cornflower Blue
#A2C5E2
Lighter Tint
of Cornflower Blue
#DCE9F4
Lighter Tint
of Cornflower Blue
#ECF3F9
Lighter Tint
of Cornflower Blue
#387BB2
Darker Shade
of Cornflower Blue
#265378
Darker Shade
of Cornflower Blue
#142B3E
Darker Shade
of Cornflower Blue
Cornflower Blue
Named Color
Discover the Hue
#363937
Dark Slate Gray
7.5% Gray
Web Formats
HEX #363937
RGB 54,57,55
HSL hsl(140, 3%, 22%)
HWB hwb(140, 21%, 78%)
Print & Design
CMYK cmyk(5%, 0%, 4%, 78%)
HSV hsv(140, 5%, 22%)
Perceptual (Color Science)
LAB lab(23.63, -1.75, 0.8)
LCH lch(23.63, 1.92, 155.4°)
XYZ xyz(3.67, 3.99, 4.19)
OKLab oklab(0.341, -0.0049, 0.0021)
Accessibility (WCAG 2.1)
Aa
On White
11.68:1
AAA Pass
Aa
On Black
1.80:1
Fail
Aa
White on Color
11.68:1
AAA Pass
Aa
Black on Color
1.80:1
Fail
4.0%
Relative Luminance
0.0399
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
#3A3639
Complementary
of Dark Slate Gray
#363A39
Analogous
of Dark Slate Gray
#373A36
Analogous
of Dark Slate Gray
#5C615D
Lighter Tint
of Dark Slate Gray
#818883
Lighter Tint
of Dark Slate Gray
#A8ADAA
Lighter Tint
of Dark Slate Gray
#111212
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#131F2B
Black
6.7% Black
Web Formats
HEX #131F2B
RGB 19,31,43
HSL hsl(210, 39%, 12%)
HWB hwb(210, 7%, 83%)
Print & Design
CMYK cmyk(56%, 28%, 0%, 83%)
HSV hsv(210, 56%, 17%)
Perceptual (Color Science)
LAB lab(11.22, -1.1, -9.69)
LCH lch(11.22, 9.75, 263.5°)
XYZ xyz(1.19, 1.29, 2.47)
OKLab oklab(0.2341, -0.0103, -0.027)
Accessibility (WCAG 2.1)
Aa
On White
16.69:1
AAA Pass
Aa
On Black
1.26:1
Fail
Aa
White on Color
16.69:1
AAA Pass
Aa
Black on Color
1.26:1
Fail
1.3%
Relative Luminance
0.0129
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
#2B1F13
Complementary
of Black
#13132B
Analogous
of Black
#132B2B
Analogous
of Black
#2A4560
Lighter Tint
of Black
#416B95
Lighter Tint
of Black
#6791BC
Lighter Tint
of Black
#080D12
Darker Shade
of Black
#080D12
Darker Shade
of Black
#080D12
Darker Shade
of Black
Black
Named Color
Discover the Hue
#484C4D
Dark Slate Gray
6.4% Gray
Web Formats
HEX #484C4D
RGB 72,76,77
HSL hsl(192, 3%, 29%)
HWB hwb(192, 28%, 70%)
Print & Design
CMYK cmyk(6%, 1%, 0%, 70%)
HSV hsv(192, 6%, 30%)
Perceptual (Color Science)
LAB lab(31.99, -1.4, -1.16)
LCH lch(31.99, 1.81, 219.6°)
XYZ xyz(6.6, 7.08, 8.04)
OKLab oklab(0.4132, -0.0045, -0.0031)
Accessibility (WCAG 2.1)
Aa
On White
8.69:1
AAA Pass
Aa
On Black
2.42:1
Fail
Aa
White on Color
8.69:1
AAA Pass
Aa
Black on Color
2.42:1
Fail
7.1%
Relative Luminance
0.0708
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
#4C4948
Complementary
of Dark Slate Gray
#48494C
Analogous
of Dark Slate Gray
#484C4B
Analogous
of Dark Slate Gray
#6D7274
Lighter Tint
of Dark Slate Gray
#93989A
Lighter Tint
of Dark Slate Gray
#BBBEBF
Lighter Tint
of Dark Slate Gray
#232425
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#E7C6AB
Wheat
5.4% Brown
Web Formats
HEX #E7C6AB
RGB 231,198,171
HSL hsl(27, 56%, 79%)
HWB hwb(27, 67%, 9%)
Print & Design
CMYK cmyk(0%, 14%, 26%, 9%)
HSV hsv(27, 26%, 91%)
Perceptual (Color Science)
LAB lab(82.01, 7.64, 17.86)
LCH lch(82.01, 19.43, 66.8°)
XYZ xyz(60.5, 60.32, 46.98)
OKLab oklab(0.8478, 0.0251, 0.0459)
Accessibility (WCAG 2.1)
Aa
On White
1.61:1
Fail
Aa
On Black
13.06:1
AAA Pass
Aa
White on Color
1.61:1
Fail
Aa
Black on Color
13.06:1
AAA Pass
60.3%
Relative Luminance
0.6032
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
#ABCCE7
Complementary
of Wheat
#E7E4AB
Analogous
of Wheat
#E7ABAE
Analogous
of Wheat
#F8EFE7
Lighter Tint
of Wheat
#F9F2EB
Lighter Tint
of Wheat
#F9F2EB
Lighter Tint
of Wheat
#D79E70
Darker Shade
of Wheat
#C37637
Darker Shade
of Wheat
#875226
Darker Shade
of Wheat
Wheat
Named Color
Discover the Hue
#7A899E
Light Slate Gray
5.3% Gray
Web Formats
HEX #7A899E
RGB 122,137,158
HSL hsl(215, 16%, 55%)
HWB hwb(215, 48%, 38%)
Print & Design
CMYK cmyk(23%, 13%, 0%, 38%)
HSV hsv(215, 23%, 62%)
Perceptual (Color Science)
LAB lab(56.58, -0.64, -12.96)
LCH lch(56.58, 12.98, 267.2°)
XYZ xyz(23.14, 24.5, 35.85)
OKLab oklab(0.6254, -0.0083, -0.0353)
Accessibility (WCAG 2.1)
Aa
On White
3.56:1
Large Only
Aa
On Black
5.90:1
AA Pass
Aa
White on Color
3.56:1
Large Only
Aa
Black on Color
5.90:1
AA Pass
24.5%
Relative Luminance
0.2450
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
#9F8F7A
Complementary
of Light Slate Gray
#7D7A9F
Analogous
of Light Slate Gray
#7A9C9F
Analogous
of Light Slate Gray
#A6B0BF
Lighter Tint
of Light Slate Gray
#D3D8DF
Lighter Tint
of Light Slate Gray
#F0F2F4
Lighter Tint
of Light Slate Gray
#566376
Darker Shade
of Light Slate Gray
#363E4A
Darker Shade
of Light Slate Gray
#15191E
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#948B91
Gray
4.7% Gray
Web Formats
HEX #948B91
RGB 148,139,145
HSL hsl(320, 4%, 56%)
HWB hwb(320, 55%, 42%)
Print & Design
CMYK cmyk(0%, 6%, 2%, 42%)
HSV hsv(320, 6%, 58%)
Perceptual (Color Science)
LAB lab(58.79, 4.48, -1.99)
LCH lch(58.79, 4.9, 336.1°)
XYZ xyz(26.56, 26.81, 30.56)
OKLab oklab(0.6465, 0.0127, -0.0052)
Accessibility (WCAG 2.1)
Aa
On White
3.30:1
Large Only
Aa
On Black
6.36:1
AA Pass
Aa
White on Color
3.30:1
Large Only
Aa
Black on Color
6.36:1
AA Pass
26.8%
Relative Luminance
0.2681
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
#8A938D
Complementary
of Gray
#938A8C
Analogous
of Gray
#928A93
Analogous
of Gray
#B8B2B6
Lighter Tint
of Gray
#DDDADC
Lighter Tint
of Gray
#F3F2F2
Lighter Tint
of Gray
#6D646A
Darker Shade
of Gray
#454043
Darker Shade
of Gray
#1D1B1C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue

These colors were identified within Sam Alawie's celebrated design "Ripple House".

Sam Alawie

About the Designer

Sam Alawie

Sam Alawie is an award-winning creative professional celebrated by the A' Design Award. Their designs embodies excellence in innovative design.

Sam Alawie is a registered architect with over 10 years of experience in the field. With a rich portfolio of diverse projects, Sam has consistently demonstrated a commitment to excellence and innovation in architectural design. Each project reflects his dedication to creating functional, sustainable, and aesthetically pleasing environments. Sam's approach is client-centric, focusing on understanding the unique needs and aspirations of each client to deliver tailored solutions that exceed expectations. His ability to blend contemporary design with practical functionality has earned him a reputation for delivering projects that are both visionary and grounded in reality.

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

Explore Alawie's Palettes View Alawie's Profile
Silver A' Architecture, Building and Structure Design Award 2025

About the Award

Silver A' Architecture, Building and Structure Design Award 2025

Ripple House has been recognized with the Silver A' Architecture, Building and Structure Design Award in 2025. The A' Design Award is an internationally acknowledged design competition that recognizes outstanding creative accomplishment. Laureates are chosen through comprehensive judging by industry experts comprising academics, professionals and press members. The Silver status reflects high caliber design work as determined by the international jury.

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 Ripple House

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

Ripple House - View 2
96C5E7
373438
BCBDC2
4C5E6F
58493B
404853
6C7072
645950
Ripple House • View 2
Ripple House - View 3
8F6A54
B7A997
805740
957A66
9C8C7D
613C27
C2B9AD
6D4935
Ripple House • View 3
Ripple House - View 4
A9998E
B3ABA8
C0BDBF
988270
816750
DBDDE0
D2CECB
705741
Ripple House • View 4
Ripple House - View 5
967E6D
A69282
8F6F5B
765E4C
B1A293
5C4735
B9B3AD
B38C73
Ripple House • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Fuma
4482D7
2969CA
639CE3
82B3ED
44423C
1A58BF
B9BAC0
575448
Fuma
716,623 ID#164807
Golden Key Venue
3A3120
B9D3EA
834A33
464C21
1C1E14
59636F
424549
697786
Golden Key Venue
2,966,425 ID#168626
Cosmic Creek
2D3022
C8D9E0
434531
415B66
6C6350
5A7681
57593D
6A713E
Cosmic Creek
667,443 ID#166726
Shenzhen Art Museum
7FB4EF
11243A
465A79
5C6883
9BC8F8
74A6E6
0B3259
B8D7FA
Shenzhen Art Museum
2,792,757 ID#156276
Stacked Crystal Form
73A8E2
B3B4B8
5A91D6
4B5B24
9DA1A9
262824
34411C
0F1015
Stacked Crystal Form
65,191 ID#170837
Xinhe Group HQ
A2B4D5
485C74
5A708C
B5C5E2
2C3837
475053
6C819F
1B2929
Xinhe Group HQ
72,764 ID#172347
Urban Symbiosis
80ACDB
486492
6179A0
3A5585
93C0E6
7A93B4
6C5B51
4A515D
Urban Symbiosis
73,232 ID#163837
Wave Mansion
5CA1DD
224265
1A2F48
7DB2E5
0E1924
27507D
373938
3C688F
Wave Mansion
58,925 ID#168646
Seongdong Smart Shelter
11100F
302318
513723
6C3C19
654E37
AE632E
D9924A
4D2B14
Seongdong Smart Shelter
713,025 ID#161636
Conch
726B5F
847D73
E2E2E1
59554E
969088
020306
C5C1BE
ABA7A1
Conch
1,008,147 ID#162196
China Overseas Yongding Jiuli
594E41
818895
94826F
727882
6B6050
81705D
1A1918
3A3532
China Overseas Yongding Jiuli
849,424 ID#162656
Datalense
0F0C08
282119
5D4D3E
43362A
6A6358
A1988D
867467
795A3E
Datalense
731,173 ID#162927