Outside In Palette | Color Plates
Color Plates

Color Palette

Outside In — House

090B06
Copy As
HEX #090B06
RGB rgb(9,11,6)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
6B94C7
Copy As
HEX #6B94C7
RGB rgb(107,148,199)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
1B1B17
Copy As
HEX #1B1B17
RGB rgb(27,27,23)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
2A2A28
Copy As
HEX #2A2A28
RGB rgb(42,42,40)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
3D3D3D
Copy As
HEX #3D3D3D
RGB rgb(61,61,61)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
504E4F
Copy As
HEX #504E4F
RGB rgb(80,78,79)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
636268
Copy As
HEX #636268
RGB rgb(99,98,104)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
C5C3C5
Copy As
HEX #C5C3C5
RGB rgb(197,195,197)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-plates.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-plates.com/public_html/index.php on line 6321
Download
SVG PNG
#090B06
#6B94C7
#1B1B17
#2A2A28
#3D3D3D
#504E4F
#636268
#C5C3C5
Outside In

This palette was extracted from

Outside In

Award-Winning House

About the Design

This design features Black, Cornflower Blue, Dark Slate Gray, Dim Gray, and Silver.

About the Award-Winning House Design: This design reimagines the classic Persian courtyard for contemporary living, emphasizing functionality and seamless indoor outdoor harmony. Set on a modest 220 square meter urban lot, the home centers around a transparent glass volume enveloped by lush landscaping, creating a versatile living area . The courtyard stretches both upward and outward, linking levels via a duplex design that enhances spatial flow. By adopting an outside in philosophy, the project breathes new life into the courtyard concept, transforming it into a dynamic, practical core for modern compact residences.

This palette has a calming feel, evoking peaceful balance.

View at A' Design Award

Outside In, where these colors originate, was designed by MA Office.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#090B06
Black
31.9% Black
Web Formats
HEX #090B06
RGB 9,11,6
HSL hsl(84, 29%, 3%)
HWB hwb(84, 2%, 96%)
Print & Design
CMYK cmyk(18%, 0%, 45%, 96%)
HSV hsv(84, 45%, 4%)
Perceptual (Color Science)
LAB lab(2.81, -1.23, 1.72)
LCH lch(2.81, 2.11, 125.6°)
XYZ xyz(0.27, 0.31, 0.22)
OKLab oklab(0.145, -0.0068, 0.0101)
Accessibility (WCAG 2.1)
Aa
On White
19.77:1
AAA Pass
Aa
On Black
1.06:1
Fail
Aa
White on Color
19.77:1
AAA Pass
Aa
Black on Color
1.06:1
Fail
0.3%
Relative Luminance
0.0031
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
#07050A
Complementary
of Black
#060A05
Analogous
of Black
#0A0905
Analogous
of Black
#313B21
Lighter Tint
of Black
#596D3C
Lighter Tint
of Black
#819E57
Lighter Tint
of Black
#0D1009
Darker Shade
of Black
#0D1009
Darker Shade
of Black
#0D1009
Darker Shade
of Black
Black
Named Color
Discover the Hue
#6B94C7
Cornflower Blue
18.4% Blue
Web Formats
HEX #6B94C7
RGB 107,148,199
HSL hsl(213, 45%, 60%)
HWB hwb(213, 42%, 22%)
Print & Design
CMYK cmyk(46%, 26%, 0%, 22%)
HSV hsv(213, 46%, 78%)
Perceptual (Color Science)
LAB lab(60.27, -0.25, -30.7)
LCH lch(60.27, 30.7, 269.5°)
XYZ xyz(26.96, 28.43, 58.09)
OKLab oklab(0.657, -0.024, -0.0857)
Accessibility (WCAG 2.1)
Aa
On White
3.14:1
Large Only
Aa
On Black
6.69:1
AA Pass
Aa
White on Color
3.14:1
Large Only
Aa
Black on Color
6.69:1
AA Pass
28.4%
Relative Luminance
0.2843
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
#C79E6B
Complementary
of Cornflower Blue
#706BC7
Analogous
of Cornflower Blue
#6BC2C7
Analogous
of Cornflower Blue
#A3BCDC
Lighter Tint
of Cornflower Blue
#DAE4F1
Lighter Tint
of Cornflower Blue
#EDF2F8
Lighter Tint
of Cornflower Blue
#3F6EA6
Darker Shade
of Cornflower Blue
#2A496F
Darker Shade
of Cornflower Blue
#152537
Darker Shade
of Cornflower Blue
Cornflower Blue
Named Color
Discover the Hue
#1B1B17
Black
13.8% Black
Web Formats
HEX #1B1B17
RGB 27,27,23
HSL hsl(60, 8%, 10%)
HWB hwb(60, 9%, 89%)
Print & Design
CMYK cmyk(0%, 0%, 15%, 89%)
HSV hsv(60, 15%, 11%)
Perceptual (Color Science)
LAB lab(9.63, -0.97, 2.79)
LCH lch(9.63, 2.95, 109.2°)
XYZ xyz(1, 1.08, 0.97)
OKLab oklab(0.2206, -0.0022, 0.0073)
Accessibility (WCAG 2.1)
Aa
On White
17.27:1
AAA Pass
Aa
On Black
1.22:1
Fail
Aa
White on Color
17.27:1
AAA Pass
Aa
Black on Color
1.22:1
Fail
1.1%
Relative Luminance
0.0108
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
#17171C
Complementary
of Black
#1A1C17
Analogous
of Black
#1C1A17
Analogous
of Black
#45453B
Lighter Tint
of Black
#6E6E5E
Lighter Tint
of Black
#959583
Lighter Tint
of Black
#0E0E0C
Darker Shade
of Black
#0E0E0C
Darker Shade
of Black
#0E0E0C
Darker Shade
of Black
Black
Named Color
Discover the Hue
#2A2A28
Dark Slate Gray
11.1% Gray
Web Formats
HEX #2A2A28
RGB 42,42,40
HSL hsl(60, 2%, 16%)
HWB hwb(60, 16%, 84%)
Print & Design
CMYK cmyk(0%, 0%, 5%, 84%)
HSV hsv(60, 5%, 16%)
Perceptual (Color Science)
LAB lab(17, -0.47, 1.31)
LCH lch(17, 1.39, 109.8°)
XYZ xyz(2.17, 2.3, 2.34)
OKLab oklab(0.2843, -0.001, 0.0034)
Accessibility (WCAG 2.1)
Aa
On White
14.38:1
AAA Pass
Aa
On Black
1.46:1
Fail
Aa
White on Color
14.38:1
AAA Pass
Aa
Black on Color
1.46:1
Fail
2.3%
Relative Luminance
0.0230
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
#28282A
Complementary
of Dark Slate Gray
#292A28
Analogous
of Dark Slate Gray
#2A2928
Analogous
of Dark Slate Gray
#51514D
Lighter Tint
of Dark Slate Gray
#787873
Lighter Tint
of Dark Slate Gray
#9E9E9A
Lighter Tint
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#3D3D3D
Dark Slate Gray
7.7% Gray
Web Formats
HEX #3D3D3D
RGB 61,61,61
HSL hsl(0, 0%, 24%)
HWB hwb(0, 24%, 76%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 76%)
HSV hsv(0, 0%, 24%)
Perceptual (Color Science)
LAB lab(25.76, -0, 0)
LCH lch(25.76, 0, 158.2°)
XYZ xyz(4.44, 4.67, 5.08)
OKLab oklab(0.36, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
10.86:1
AAA Pass
Aa
On Black
1.93:1
Fail
Aa
White on Color
10.86:1
AAA Pass
Aa
Black on Color
1.93:1
Fail
4.7%
Relative Luminance
0.0467
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
#3D3D3D
Complementary
of Dark Slate Gray
#3D3D3D
Analogous
of Dark Slate Gray
#3D3D3D
Analogous
of Dark Slate Gray
#636363
Lighter Tint
of Dark Slate Gray
#8A8A8A
Lighter Tint
of Dark Slate Gray
#B0B0B0
Lighter Tint
of Dark Slate Gray
#171717
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
#504E4F
Dark Slate Gray
7.6% Gray
Web Formats
HEX #504E4F
RGB 80,78,79
HSL hsl(330, 1%, 31%)
HWB hwb(330, 31%, 69%)
Print & Design
CMYK cmyk(0%, 2%, 1%, 69%)
HSV hsv(330, 2%, 31%)
Perceptual (Color Science)
LAB lab(33.39, 1.03, -0.3)
LCH lch(33.39, 1.07, 343.8°)
XYZ xyz(7.44, 7.72, 8.49)
OKLab oklab(0.4262, 0.003, -0.0008)
Accessibility (WCAG 2.1)
Aa
On White
8.26:1
AAA Pass
Aa
On Black
2.54:1
Fail
Aa
White on Color
8.26:1
AAA Pass
Aa
Black on Color
2.54:1
Fail
7.7%
Relative Luminance
0.0772
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
#4E504F
Complementary
of Dark Slate Gray
#504E4E
Analogous
of Dark Slate Gray
#504E50
Analogous
of Dark Slate Gray
#767475
Lighter Tint
of Dark Slate Gray
#9D9B9C
Lighter Tint
of Dark Slate Gray
#C2C1C2
Lighter Tint
of Dark Slate Gray
#292829
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
#636268
Dim Gray
4.7% Gray
Web Formats
HEX #636268
RGB 99,98,104
HSL hsl(250, 3%, 40%)
HWB hwb(250, 38%, 59%)
Print & Design
CMYK cmyk(5%, 6%, 0%, 59%)
HSV hsv(250, 6%, 41%)
Perceptual (Color Science)
LAB lab(41.83, 1.67, -3.25)
LCH lch(41.83, 3.66, 297.1°)
XYZ xyz(12.01, 12.39, 14.85)
OKLab oklab(0.4991, 0.0038, -0.0087)
Accessibility (WCAG 2.1)
Aa
On White
6.04:1
AA Pass
Aa
On Black
3.48:1
Large Only
Aa
White on Color
6.04:1
AA Pass
Aa
Black on Color
3.48:1
Large Only
12.4%
Relative Luminance
0.1239
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
#686963
Complementary
of Dim Gray
#676369
Analogous
of Dim Gray
#636569
Analogous
of Dim Gray
#8A8990
Lighter Tint
of Dim Gray
#B1B0B5
Lighter Tint
of Dim Gray
#D8D8DA
Lighter Tint
of Dim Gray
#3E3E42
Darker Shade
of Dim Gray
#19191A
Darker Shade
of Dim Gray
#0C0C0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#C5C3C5
Silver
4.8% Gray
Web Formats
HEX #C5C3C5
RGB 197,195,197
HSL hsl(300, 2%, 77%)
HWB hwb(300, 76%, 23%)
Print & Design
CMYK cmyk(0%, 1%, 0%, 23%)
HSV hsv(300, 1%, 77%)
Perceptual (Color Science)
LAB lab(79, 1.06, -0.76)
LCH lch(79, 1.3, 324.5°)
XYZ xyz(52.62, 54.93, 60.64)
OKLab oklab(0.8194, 0.0029, -0.002)
Accessibility (WCAG 2.1)
Aa
On White
1.75:1
Fail
Aa
On Black
11.99:1
AAA Pass
Aa
White on Color
1.75:1
Fail
Aa
Black on Color
11.99:1
AAA Pass
54.9%
Relative Luminance
0.5493
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
#C3C6C3
Complementary
of Silver
#C6C3C4
Analogous
of Silver
#C4C3C6
Analogous
of Silver
#EBEAEB
Lighter Tint
of Silver
#F3F2F3
Lighter Tint
of Silver
#F3F2F3
Lighter Tint
of Silver
#A09CA0
Darker Shade
of Silver
#7A757A
Darker Shade
of Silver
#535053
Darker Shade
of Silver
Silver
Named Color
Discover the Hue

This palette originates from MA Office's celebrated design "Outside In".

MA Office

About MA Office

MA Office

MA Office is an award-winning agency acknowledged by the A' Design Award. Their work embodies mastery in design excellence.

Mousavi Architects (MA Office) is a research-oriented design and architecture studio founded by S.Jalil Mousavi in 2010. He earned his master's degree in architecture in 2000 and a doctorate in architectural phenomenology in 2011. Additionally, he has been a member of the university faculty since 2001.MA Office aims to create contemporary architectural spaces that respond to cultural, social, economic, and climatic conditions. Their projects range from the smallest scales to urban scales, seeking solutions that challenge established paradigms of everyday spaces and develop spatial qualities in line with contemporary times and grounded in the concept of place .This studio has successfully executed numerous projects, resulting in the attainment of several national awards and participation in various international exhibitions.

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

Explore MA Office's Palettes View MA Office's Profile
Bronze A' Architecture, Building and Structure Design Award 2025

About the Award

Bronze A' Architecture, Building and Structure Design Award 2025

Outside In was honored with the Bronze A' Architecture, Building and Structure Design Award in 2025. The A' Design Award is a globally recognized design award program that acknowledges exceptional design innovation. Winners are selected through thorough review by a distinguished panel representing multiple disciplines. The Bronze 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 Outside In

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

Outside In - View 2
34342F
1D1F16
62543E
9AAFC5
474642
B8A289
786749
605C54
Outside In • View 2
Outside In - View 3
11150D
484339
7A7873
222917
5A564D
69665F
878686
999A9A
Outside In • View 3
Outside In - View 4
AAABAA
8C8D8B
C3C3C4
DADADC
777A78
9A9C9C
4D4D49
636360
Outside In • View 4
Outside In - View 5
B6B8B5
929691
C5CACB
A3A7A2
7D7F7A
5E5F58
373A30
6E7068
Outside In • View 5

Discover More Color Palettes

Explore colors from more award-winning designs.

Valencia
465735
F2F3F4
646C4B
7D864D
5E6F38
CAC364
A19F5F
324C27
Valencia
549,231 ID#168192
Nanbu Eye
0F171D
1A2632
243445
354658
5377A2
5D524D
453F3D
466C96
Nanbu Eye
4,745,451 ID#155402
Skyline Bay
171F26
1E2F43
86B5E7
243A53
45658B
41546A
3B4046
586575
Skyline Bay
6,060,146 ID#155403
Embraced in Recycled Steel
3460A4
060C0F
4270B7
2E3A4B
1D262C
304563
51606F
445466
Embraced in Recycled Steel
59,606 ID#170802
Albadoor Villa
1D2D4A
2B406C
384D81
775E4A
C5AB95
604B3B
362A23
4E3A2E
Albadoor Villa
16,319 ID#171412
Theater House
295698
181209
342715
513B25
3369B5
6B4C2C
825E39
9E7345
Theater House
17,264 ID#170083
Twist Bridge
A8BBD1
B7C5D7
5F6062
4B4F51
81A9D0
767678
343E3C
535F31
Twist Bridge
15,237 ID#172453
Aziz House
1668A9
327CB7
498EC6
5F493D
745F51
867263
3C2A21
4F392D
Aziz House
18,483 ID#170382
160X 6 Pro
53B3C8
E8DBD6
E4C6B7
F0EDF0
EE9C66
E67942
CBC680
D0AA95
160X 6 Pro
833,311 ID#162482
T6 Intelligent
969799
AFAFB2
A2A2A5
D1D1D3
E4E5E6
C0C0C2
787A7E
616366
T6 Intelligent
871,483 ID#162893
Nong Li
69676A
39393A
504F51
252425
848285
111111
DBDAD9
5C5B5E
Nong Li
3,245,104 ID#163373
Xijiu Matured Liquor
402619
5E402E
78543E
291810
8F6841
120805
EFCB8E
AB7F50
Xijiu Matured Liquor
931,844 ID#163642