Bayfront Pavilion Color Palette | Architecture Colors
Architecture Colors

Color Palette

Bayfront Pavilion — Public Event Space

3C4515
Copy As
HEX #3C4515
RGB rgb(60,69,21)
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
575D1A
Copy As
HEX #575D1A
RGB rgb(87,93,26)
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
2A340F
Copy As
HEX #2A340F
RGB rgb(42,52,15)
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
6E750C
Copy As
HEX #6E750C
RGB rgb(110,117,12)
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
7F8021
Copy As
HEX #7F8021
RGB rgb(127,128,33)
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
CED6E2
Copy As
HEX #CED6E2
RGB rgb(206,214,226)
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
6B6C35
Copy As
HEX #6B6C35
RGB rgb(107,108,53)
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
888C09
Copy As
HEX #888C09
RGB rgb(136,140,9)
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
#3C4515
#575D1A
#2A340F
#6E750C
#7F8021
#CED6E2
#6B6C35
#888C09
Bayfront Pavilion

This palette was extracted from

Bayfront Pavilion

Award-Winning Public Event Space

About the Design

This design features Dark Olive Green, Dark Green, Olive, Olive Drab, and Light Gray.

About the Award-Winning Public Event Space Design: Located in Singapore’s Gardens by the Bay, the Bayfront Pavilion follows the tradition of architectural structures that evoke a dialogue with nature by blending a complex computationally generated and optimised form with a perforated skin fluidly with the adjacent environments. For visitors, it offers a climatically comfortable outdoor environment and a visual experience akin to walking under the foliage of lush tropical trees. Since its completion, the project has become a popular building and new entrance to the Gardens that serves as a venue for important community and cultural events.

This palette has a harmonious temperature, providing flexibility in various contexts.

View at A' Design Award

Bayfront Pavilion, the source of these colors, was designed by Thomas Schroepfer.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#3C4515
Dark Olive Green
24.8% Green
Web Formats
HEX #3C4515
RGB 60,69,21
HSL hsl(71, 53%, 18%)
HWB hwb(71, 8%, 73%)
Print & Design
CMYK cmyk(13%, 0%, 70%, 73%)
HSV hsv(71, 70%, 27%)
Perceptual (Color Science)
LAB lab(27.49, -11.73, 26.94)
LCH lch(27.49, 29.39, 113.5°)
XYZ xyz(4.13, 5.27, 1.51)
OKLab oklab(0.3709, -0.0342, 0.0617)
Accessibility (WCAG 2.1)
Aa
On White
10.22:1
AAA Pass
Aa
On Black
2.05:1
Fail
Aa
White on Color
10.22:1
AAA Pass
Aa
Black on Color
2.05:1
Fail
5.3%
Relative Luminance
0.0527
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
#1E1646
Complementary
of Dark Olive Green
#254616
Analogous
of Dark Olive Green
#463716
Analogous
of Dark Olive Green
#708128
Lighter Tint
of Dark Olive Green
#A3BB3A
Lighter Tint
of Dark Olive Green
#C0D36F
Lighter Tint
of Dark Olive Green
#111406
Darker Shade
of Dark Olive Green
#111406
Darker Shade
of Dark Olive Green
#111406
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#575D1A
Dark Olive Green
20.4% Green
Web Formats
HEX #575D1A
RGB 87,93,26
HSL hsl(65, 56%, 23%)
HWB hwb(65, 10%, 64%)
Print & Design
CMYK cmyk(6%, 0%, 72%, 64%)
HSV hsv(65, 72%, 36%)
Perceptual (Color Science)
LAB lab(37.72, -12.12, 35.99)
LCH lch(37.72, 37.98, 108.6°)
XYZ xyz(8.03, 9.93, 2.47)
OKLab oklab(0.4589, -0.0366, 0.0809)
Accessibility (WCAG 2.1)
Aa
On White
7.03:1
AAA Pass
Aa
On Black
2.99:1
Fail
Aa
White on Color
7.03:1
AAA Pass
Aa
Black on Color
2.99:1
Fail
9.9%
Relative Luminance
0.0993
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
#1F1A5B
Complementary
of Dark Olive Green
#355B1A
Analogous
of Dark Olive Green
#5B401A
Analogous
of Dark Olive Green
#8E972B
Lighter Tint
of Dark Olive Green
#BFCA44
Lighter Tint
of Dark Olive Green
#D3DB80
Lighter Tint
of Dark Olive Green
#1E2009
Darker Shade
of Dark Olive Green
#131406
Darker Shade
of Dark Olive Green
#131406
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#2A340F
Dark Green
15.6% Green
Web Formats
HEX #2A340F
RGB 42,52,15
HSL hsl(76, 55%, 13%)
HWB hwb(76, 6%, 80%)
Print & Design
CMYK cmyk(19%, 0%, 71%, 80%)
HSV hsv(76, 71%, 20%)
Perceptual (Color Science)
LAB lab(19.97, -11.09, 21.45)
LCH lch(19.97, 24.15, 117.3°)
XYZ xyz(2.27, 2.98, 0.91)
OKLab oklab(0.3063, -0.0318, 0.0496)
Accessibility (WCAG 2.1)
Aa
On White
13.15:1
AAA Pass
Aa
On Black
1.60:1
Fail
Aa
White on Color
13.15:1
AAA Pass
Aa
Black on Color
1.60:1
Fail
3.0%
Relative Luminance
0.0298
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
#190F33
Complementary
of Dark Green
#17330F
Analogous
of Dark Green
#332B0F
Analogous
of Dark Green
#5A6F20
Lighter Tint
of Dark Green
#8AAA31
Lighter Tint
of Dark Green
#AFCF59
Lighter Tint
of Dark Green
#101406
Darker Shade
of Dark Green
#101406
Darker Shade
of Dark Green
#101406
Darker Shade
of Dark Green
Dark Green
Named Color
Discover the Hue
#6E750C
Olive
11.6% Yellow
Web Formats
HEX #6E750C
RGB 110,117,12
HSL hsl(64, 81%, 25%)
HWB hwb(64, 5%, 54%)
Print & Design
CMYK cmyk(6%, 0%, 90%, 54%)
HSV hsv(64, 90%, 46%)
Perceptual (Color Science)
LAB lab(47.06, -15.13, 49.89)
LCH lch(47.06, 52.14, 106.9°)
XYZ xyz(12.86, 16.06, 2.77)
OKLab oklab(0.5384, -0.0474, 0.107)
Accessibility (WCAG 2.1)
Aa
On White
4.98:1
AA Pass
Aa
On Black
4.21:1
Large Only
Aa
White on Color
4.98:1
AA Pass
Aa
Black on Color
4.21:1
Large Only
16.1%
Relative Luminance
0.1606
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
#130C73
Complementary
of Olive
#39730C
Analogous
of Olive
#73470C
Analogous
of Olive
#AEB913
Lighter Tint
of Olive
#DDE92F
Lighter Tint
of Olive
#E8F075
Lighter Tint
of Olive
#2B2E05
Darker Shade
of Olive
#161702
Darker Shade
of Olive
#161702
Darker Shade
of Olive
Olive
Named Color
Discover the Hue
#7F8021
Olive Drab
8.6% Green
Web Formats
HEX #7F8021
RGB 127,128,33
HSL hsl(61, 59%, 32%)
HWB hwb(61, 13%, 50%)
Print & Design
CMYK cmyk(1%, 0%, 74%, 50%)
HSV hsv(61, 74%, 50%)
Perceptual (Color Science)
LAB lab(51.91, -12.39, 48.3)
LCH lch(51.91, 49.86, 104.4°)
XYZ xyz(16.75, 20.06, 4.43)
OKLab oklab(0.5811, -0.039, 0.1068)
Accessibility (WCAG 2.1)
Aa
On White
4.19:1
Large Only
Aa
On Black
5.01:1
AA Pass
Aa
White on Color
4.19:1
Large Only
Aa
Black on Color
5.01:1
AA Pass
20.1%
Relative Luminance
0.2006
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
#232182
Complementary
of Olive Drab
#508221
Analogous
of Olive Drab
#825321
Analogous
of Olive Drab
#BCBF31
Lighter Tint
of Olive Drab
#D5D765
Lighter Tint
of Olive Drab
#E6E7A2
Lighter Tint
of Olive Drab
#444512
Darker Shade
of Olive Drab
#141405
Darker Shade
of Olive Drab
#141405
Darker Shade
of Olive Drab
Olive Drab
Named Color
Discover the Hue
#CED6E2
Light Gray
7.1% Gray
Web Formats
HEX #CED6E2
RGB 206,214,226
HSL hsl(216, 26%, 85%)
HWB hwb(216, 81%, 11%)
Print & Design
CMYK cmyk(9%, 5%, 0%, 11%)
HSV hsv(216, 9%, 89%)
Perceptual (Color Science)
LAB lab(85.35, -0.41, -6.83)
LCH lch(85.35, 6.84, 266.6°)
XYZ xyz(63.22, 66.71, 81.48)
OKLab oklab(0.8736, -0.0038, -0.0183)
Accessibility (WCAG 2.1)
Aa
On White
1.46:1
Fail
Aa
On Black
14.34:1
AAA Pass
Aa
White on Color
1.46:1
Fail
Aa
Black on Color
14.34:1
AAA Pass
66.7%
Relative Luminance
0.6671
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
#E3DBCF
Complementary
of Light Gray
#D1CFE3
Analogous
of Light Gray
#CFE1E3
Analogous
of Light Gray
#EFF2F6
Lighter Tint
of Light Gray
#EFF2F6
Lighter Tint
of Light Gray
#EFF2F6
Lighter Tint
of Light Gray
#9FAFC6
Darker Shade
of Light Gray
#6E86AA
Darker Shade
of Light Gray
#4B6181
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#6B6C35
Dark Olive Green
6.8% Green
Web Formats
HEX #6B6C35
RGB 107,108,53
HSL hsl(61, 34%, 32%)
HWB hwb(61, 21%, 58%)
Print & Design
CMYK cmyk(1%, 0%, 51%, 58%)
HSV hsv(61, 51%, 42%)
Perceptual (Color Science)
LAB lab(44.39, -8.98, 30.39)
LCH lch(44.39, 31.69, 106.5°)
XYZ xyz(12.07, 14.11, 5.45)
OKLab oklab(0.5175, -0.0259, 0.0721)
Accessibility (WCAG 2.1)
Aa
On White
5.50:1
AA Pass
Aa
On Black
3.82:1
Large Only
Aa
White on Color
5.50:1
AA Pass
Aa
Black on Color
3.82:1
Large Only
14.1%
Relative Luminance
0.1411
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
#37366D
Complementary
of Dark Olive Green
#516D36
Analogous
of Dark Olive Green
#6D5336
Analogous
of Dark Olive Green
#9FA14F
Lighter Tint
of Dark Olive Green
#BEBF7D
Lighter Tint
of Dark Olive Green
#D8D8B0
Lighter Tint
of Dark Olive Green
#3A3A1D
Darker Shade
of Dark Olive Green
#111108
Darker Shade
of Dark Olive Green
#111108
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#888C09
Olive
5.2% Yellow
Web Formats
HEX #888C09
RGB 136,140,9
HSL hsl(62, 88%, 29%)
HWB hwb(62, 4%, 45%)
Print & Design
CMYK cmyk(3%, 0%, 94%, 45%)
HSV hsv(62, 94%, 55%)
Perceptual (Color Science)
LAB lab(56.1, -15.46, 58.6)
LCH lch(56.1, 60.6, 104.8°)
XYZ xyz(19.58, 24.01, 3.86)
OKLab oklab(0.6163, -0.0497, 0.1244)
Accessibility (WCAG 2.1)
Aa
On White
3.62:1
Large Only
Aa
On Black
5.80:1
AA Pass
Aa
White on Color
3.62:1
Large Only
Aa
Black on Color
5.80:1
AA Pass
24.0%
Relative Luminance
0.2401
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
#0D098B
Complementary
of Olive
#468B09
Analogous
of Olive
#8B4E09
Analogous
of Olive
#CCD30D
Lighter Tint
of Olive
#ECF23A
Lighter Tint
of Olive
#F3F782
Lighter Tint
of Olive
#414304
Darker Shade
of Olive
#171802
Darker Shade
of Olive
#171802
Darker Shade
of Olive
Olive
Named Color
Discover the Hue

The colors presented here were analyzed from Thomas Schroepfer's recognized creation "Bayfront Pavilion".

About the Designer

Thomas Schroepfer

Thomas Schroepfer is an acclaimed creative director honored by the A' Design Award. Their portfolio demonstrates expertise in design and visual communication.

Thomas Schroepfer is Professor of Architecture and Sustainable Design at the Singapore University of Technology and Design where he serves as the Director of the University’s Advanced Architecture Laboratory. He has published extensively on his work, which has been exhibited at important international venues including the Venice Biennale and the World Architecture Festival. He is the recipient of prestigious awards and recognitions including the President*s Design Award, Singapore’s highest honour accorded to designers and designs across all disciplines.

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

Explore Schroepfer's Palettes View Schroepfer's Profile
Platinum A' Architecture, Building and Structure Design Award 2021

About the Award

Platinum A' Architecture, Building and Structure Design Award 2021

Bayfront Pavilion received recognition with the Platinum A' Architecture, Building and Structure Design Award in 2021. The A' Design Award is one of the world's most recognized design accolade that celebrates remarkable design achievement. Winning entries are identified through careful assessment by an expert jury comprising academics, professionals and press members. The Platinum status signifies significant creative merit as evaluated by the evaluation panel.

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 Bayfront Pavilion

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

Bayfront Pavilion - View 2
6E7D14
5A6911
455511
2B4966
CBCBCA
232C1A
83940C
43525B
Bayfront Pavilion • View 2
Bayfront Pavilion - View 3
4D4F46
62625A
3A4032
7B7461
948870
222D22
0F1B15
675B3E
Bayfront Pavilion • View 3
Bayfront Pavilion - View 4
5D5B51
716E64
44483E
2D362F
8A7F74
9D9184
172421
8A7E57
Bayfront Pavilion • View 4
Bayfront Pavilion - View 5
023A6B
453427
2E2419
564332
052B47
14110F
3E3348
69553B
Bayfront Pavilion • 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