Discover the Colors of Bayfront Pavilion | Design Hues
Design Hues

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/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/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/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/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/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/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/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/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/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/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/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/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/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/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/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/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 neutral temperature, providing flexibility in various contexts.

View at A' Design Award

Bayfront Pavilion, the design behind this palette, 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

This color palette was derived from Thomas Schroepfer's celebrated design "Bayfront Pavilion".

About the Designer

Thomas Schroepfer

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

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 with diverse expertise in design. The Platinum 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 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.

272 Hedges Avenue Pedestal
343524
20260C
646C7C
5E5F5D
798294
504E41
3D3C3E
F9FAFC
272 Hedges Avenue Pedestal
407,374 ID#148558
Ferdinand E Marcos Stadium
2A2A1D
151710
C6B3AC
A89DA1
8D838A
D9C3B7
686F3D
464445
Ferdinand E Marcos Stadium
97,885 ID#154128
Aida Sekkei Precut
5370A5
141613
6582B8
030403
7895CA
8EABDD
A27C6D
352B23
Aida Sekkei Precut
137,070 ID#160159
CC House
3D4221
131610
292D19
575B2F
040605
4F5514
6F6F23
5D626A
CC House
95,777 ID#158589
The Crystal Clubhouse
9FB8E7
BEC0DD
82AFEC
4B4E51
D9CED8
262521
393B3E
7E8798
The Crystal Clubhouse
127,761 ID#160999
Xi'an Qujiang Art Center
BFD0E4
85A1BF
A6BBD2
758FAF
343D43
687E9E
4B4E49
515A5E
Xi'an Qujiang Art Center
383,440 ID#136009
Arctic Aurora
C0AF9F
9EA1A1
DCC7AF
F9EDD1
AD9A8A
EED9BE
94877A
788486
Arctic Aurora
20,711 ID#168458
Urawa Garden Bldg.
5478B4
3E66A2
6A8CC7
2A538E
2C486D
96A0B8
7EA1D4
617C9A
Urawa Garden Bldg.
15,156 ID#171588
Embrasse Moi
9F846E
A3978F
857466
918782
4F4742
AFB0B6
2A2829
6B5B4F
Embrasse Moi
813,847 ID#149079
No Footprint Wood House
4B2A18
653C22
775037
886348
A08C73
A37C5D
9D714D
B98B5E
No Footprint Wood House
1,269,866 ID#164868
Secret of Eternity
9F6D4F
8D5E42
B88761
080705
71472F
D2D2D0
C69C77
C3C2BF
Secret of Eternity
799,385 ID#165548
Spring Dance
B78B72
A3765F
614234
92644D
7B5340
CAA087
2A1D17
4D3126
Spring Dance
1,068,025 ID#165949