Color Palette

Curiosity Blocks — Digital Art

033A72
Copy As
HEX#033A72
RGBrgb(3,58,114)
HSLhsl(210, 95%, 23%)
CMYKcmyk(97%, 49%, 0%, 55%)
Download
SVG PNG
0B62B4
Copy As
HEX#0B62B4
RGBrgb(11,98,180)
HSLhsl(209, 88%, 37%)
CMYKcmyk(94%, 46%, 0%, 29%)
Download
SVG PNG
034281
Copy As
HEX#034281
RGBrgb(3,66,129)
HSLhsl(210, 95%, 26%)
CMYKcmyk(98%, 49%, 0%, 49%)
Download
SVG PNG
0A1520
Copy As
HEX#0A1520
RGBrgb(10,21,32)
HSLhsl(210, 52%, 8%)
CMYKcmyk(69%, 34%, 0%, 87%)
Download
SVG PNG
FB802E
Copy As
HEX#FB802E
RGBrgb(251,128,46)
HSLhsl(24, 96%, 58%)
CMYKcmyk(0%, 49%, 82%, 2%)
Download
SVG PNG
FBC833
Copy As
HEX#FBC833
RGBrgb(251,200,51)
HSLhsl(45, 96%, 59%)
CMYKcmyk(0%, 20%, 80%, 2%)
Download
SVG PNG
FBD204
Copy As
HEX#FBD204
RGBrgb(251,210,4)
HSLhsl(50, 97%, 50%)
CMYKcmyk(0%, 16%, 98%, 2%)
Download
SVG PNG
1F1C03
Copy As
HEX#1F1C03
RGBrgb(31,28,3)
HSLhsl(54, 82%, 7%)
CMYKcmyk(0%, 10%, 90%, 88%)
Download
SVG PNG
#033A72
#0B62B4
#034281
#0A1520
#FB802E
#FBC833
#FBD204
#1F1C03
Curiosity Blocks

This palette was extracted from

Curiosity Blocks

Award-Winning Digital Art

About the Design

This design features Midnight Blue, Steel Blue, Black, Coral, and Gold.

About the Award-Winning Digital Art Design: This work was created for an exhibition aimed at introducing children to the fun of coding. It is an animation using a technique called anamorphosis, where images are distorted in advance to appear correctly when reflected in a cylindrical mirror; essentially, a moving anamorphosis. Multiple animation parts are combined to represent the idea that new discoveries are born when curiosity connects and overlaps. The artist, who is also a printmaker, superimposed the relationship between a block and a print onto the relationship between the image on the display and the image in the mirror.

This palette has a calming feel, suggesting tranquility and clarity.

View at A' Design Award

Curiosity Blocks, the source of these colors, was designed by Yuko Suzuki.

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.


Midnight Blue
19.4% Blue
Web Formats
HEX#033A72
RGB3,58,114
HSLhsl(210, 95%, 23%)
HWBhwb(210, 1%, 55%)
Print & Design
CMYKcmyk(97%, 49%, 0%, 55%)
HSVhsv(210, 97%, 45%)
Perceptual (Color Science)
LABlab(24.51, 7.41, -36.77)
LCHlch(24.51, 37.51, 281.4°)
XYZxyz(4.59, 4.26, 16.5)
OKLaboklab(0.3512, -0.0297, -0.1058)
Accessibility (WCAG 2.1)
Aa
On White
11.34:1
AAA Pass
Aa
On Black
1.85:1
Fail
Aa
White on Color
11.34:1
AAA Pass
Aa
Black on Color
1.85:1
Fail
4.3%
Relative Luminance
0.0426
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.


Steel Blue
16.5% Blue
Web Formats
HEX#0B62B4
RGB11,98,180
HSLhsl(209, 88%, 37%)
HWBhwb(209, 4%, 29%)
Print & Design
CMYKcmyk(94%, 46%, 0%, 29%)
HSVhsv(209, 94%, 71%)
Perceptual (Color Science)
LABlab(41.37, 8.59, -49.87)
LCHlch(41.37, 50.6, 279.8°)
XYZxyz(12.74, 12.1, 44.84)
OKLaboklab(0.4966, -0.0427, -0.1434)
Accessibility (WCAG 2.1)
Aa
On White
6.14:1
AA Pass
Aa
On Black
3.42:1
Large Only
Aa
White on Color
6.14:1
AA Pass
Aa
Black on Color
3.42:1
Large Only
12.1%
Relative Luminance
0.1210
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.


Midnight Blue
16.1% Blue
Web Formats
HEX#034281
RGB3,66,129
HSLhsl(210, 95%, 26%)
HWBhwb(210, 1%, 49%)
Print & Design
CMYKcmyk(98%, 49%, 0%, 49%)
HSVhsv(210, 98%, 51%)
Perceptual (Color Science)
LABlab(28.11, 8.35, -40.43)
LCHlch(28.11, 41.28, 281.7°)
XYZxyz(5.95, 5.5, 21.51)
OKLaboklab(0.3825, -0.0324, -0.1164)
Accessibility (WCAG 2.1)
Aa
On White
10.00:1
AAA Pass
Aa
On Black
2.10:1
Fail
Aa
White on Color
10.00:1
AAA Pass
Aa
Black on Color
2.10:1
Fail
5.5%
Relative Luminance
0.0550
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.


Black
15.7% Black
Web Formats
HEX#0A1520
RGB10,21,32
HSLhsl(210, 52%, 8%)
HWBhwb(210, 4%, 87%)
Print & Design
CMYKcmyk(69%, 34%, 0%, 87%)
HSVhsv(210, 69%, 13%)
Perceptual (Color Science)
LABlab(6.37, -0.66, -9.03)
LCHlch(6.37, 9.06, 265.8°)
XYZxyz(0.65, 0.71, 1.47)
OKLaboklab(0.1913, -0.0097, -0.0259)
Accessibility (WCAG 2.1)
Aa
On White
18.40:1
AAA Pass
Aa
On Black
1.14:1
Fail
Aa
White on Color
18.40:1
AAA Pass
Aa
Black on Color
1.14:1
Fail
0.7%
Relative Luminance
0.0071
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.


Coral
9.4% Orange
Web Formats
HEX#FB802E
RGB251,128,46
HSLhsl(24, 96%, 58%)
HWBhwb(24, 18%, 2%)
Print & Design
CMYKcmyk(0%, 49%, 82%, 2%)
HSVhsv(24, 82%, 98%)
Perceptual (Color Science)
LABlab(66.63, 41.99, 62.22)
LCHlch(66.63, 75.07, 56°)
XYZxyz(48, 36.15, 7.03)
OKLaboklab(0.728, 0.1131, 0.1327)
Accessibility (WCAG 2.1)
Aa
On White
2.55:1
Fail
Aa
On Black
8.23:1
AAA Pass
Aa
White on Color
2.55:1
Fail
Aa
Black on Color
8.23:1
AAA Pass
36.1%
Relative Luminance
0.3614
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.


Gold
8.8% Yellow
Web Formats
HEX#FBC833
RGB251,200,51
HSLhsl(45, 96%, 59%)
HWBhwb(45, 20%, 2%)
Print & Design
CMYKcmyk(0%, 20%, 80%, 2%)
HSVhsv(45, 80%, 98%)
Perceptual (Color Science)
LABlab(82.95, 4.89, 74.99)
LCHlch(82.95, 75.15, 86.3°)
XYZxyz(61.04, 62.06, 11.9)
OKLaboklab(0.8548, 0.005, 0.1619)
Accessibility (WCAG 2.1)
Aa
On White
1.57:1
Fail
Aa
On Black
13.41:1
AAA Pass
Aa
White on Color
1.57:1
Fail
Aa
Black on Color
13.41:1
AAA Pass
62.1%
Relative Luminance
0.6206
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.


Gold
7.3% Yellow
Web Formats
HEX#FBD204
RGB251,210,4
HSLhsl(50, 97%, 50%)
HWBhwb(50, 2%, 2%)
Print & Design
CMYKcmyk(0%, 16%, 98%, 2%)
HSVhsv(50, 98%, 98%)
Perceptual (Color Science)
LABlab(85.31, -1.06, 85.46)
LCHlch(85.31, 85.47, 90.7°)
XYZxyz(62.86, 66.62, 9.66)
OKLaboklab(0.8731, -0.0143, 0.1781)
Accessibility (WCAG 2.1)
Aa
On White
1.47:1
Fail
Aa
On Black
14.32:1
AAA Pass
Aa
White on Color
1.47:1
Fail
Aa
Black on Color
14.32:1
AAA Pass
66.6%
Relative Luminance
0.6661
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.


Black
6.8% Black
Web Formats
HEX#1F1C03
RGB31,28,3
HSLhsl(54, 82%, 7%)
HWBhwb(54, 1%, 88%)
Print & Design
CMYKcmyk(0%, 10%, 90%, 88%)
HSVhsv(54, 90%, 12%)
Perceptual (Color Science)
LABlab(10.02, -2.7, 13.68)
LCHlch(10.02, 13.94, 101.2°)
XYZxyz(1, 1.13, 0.25)
OKLaboklab(0.2234, -0.0094, 0.0407)
Accessibility (WCAG 2.1)
Aa
On White
17.13:1
AAA Pass
Aa
On Black
1.23:1
Fail
Aa
White on Color
17.13:1
AAA Pass
Aa
Black on Color
1.23:1
Fail
1.1%
Relative Luminance
0.0113
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.

This palette was extracted from Yuko Suzuki's award-winning project "Curiosity Blocks".

About the Designer

Yuko Suzuki

Yuko Suzuki is an award-winning designer acknowledged by the A' Design Award. Their work showcases mastery in aesthetic development.

Yuko Suzuki (mole^3) is a Japanese printmaker and visual artist whose work explores the intersection of traditional printmaking and digital media. She creates using open data, images, sound, generative art, and woodblock printing. Viewing coding as a form of printmaking, she considers on-screen outputs to be the digital equivalent of physical prints. Through this perspective, her practice expands the conventional understanding of printmaking.
Her work has been exhibited in Japan and internationally, including at the NTT InterCommunication Center [ICC] in Tokyo and in collaboration with the Yamaguchi Center for Arts and Media [YCAM].

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

Silver A' Generative, Algorithmic, Parametric and AI-Assisted Design Award 2025

About the Award

Silver A' Generative, Algorithmic, Parametric and AI-Assisted Design Award 2025

Curiosity Blocks has been recognized with the Silver A' Generative, Algorithmic, Parametric and AI-Assisted 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 representing multiple disciplines. The Silver status indicates commendable design excellence as assessed by the judging body.

A' Generative, Algorithmic, Parametric and AI-Assisted Design Award

Celebrate the cutting-edge intersection of design and technology with entries that exemplify generative, algorithmic, parametric, and AI-assisted creativity. The generative award category highlights the synthesis of aesthetics and computational design techniques, showcasing innovation that redefines form, function, and user experience.

Recognizes: Algorithmic Artworks, Parametric Architectures, Generative Graphics, AI-Assisted Illustrations, Computational Sculptures, Procedural Patterns, Evolutionary Installations, Interactive Experiences and More.

More Palettes from Curiosity Blocks

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

Curiosity Blocks - View 2
5C3209
9F8E78
867760
784A1A
7A6A52
4C2809
5D3D1F
654D32
Curiosity Blocks - View 3
060001
270905
2F282A
0E7EFB
FB9AF6
DEFB90
EF88E7
452720
Curiosity Blocks - View 4
060306
22406C
4BBCBF
0500D5
008CE5
22D8EF
0570D1
FB7504
Curiosity Blocks - View 5
0F2744
050304
132D56
091C2A
FCFD2F
01FCE8
01FBCB
FCFC50

Discover More Color Palettes

Explore colors from more award-winning designs.

Changes and Cycles in Between
FEFEFE
2D2824
464034
575349
D1CDBC
B7BBB0
695F58
80806A
205,875 ID#170864
Life Forms of Colors
0D0807
2C1A12
402B24
553934
654A45
5D3B50
7B6558
6C4862
172,950 ID#170854
Hinemosu 30
131313
282828
474747
676867
A9A9A9
808080
EEEEEE
373738
1,504,427 ID#159382
Flow
302F30
1B1A1B
424140
565351
646361
6B7577
7C929A
8FA7AA
174,028 ID#162336
Reefit
090A0D
1A1B1D
344149
7F6B65
895E4B
55595E
342E2C
4B6B78
171,241 ID#171137
Flower Forerunner Oiran
948678
473429
2D1B14
B9A28F
C8B6A8
7E746B
634F42
DBCCBE
11,597 ID#174704
As I Remember Them
638F8B
CCB776
ACBF87
4E7984
16191F
759D91
95AE8D
D19D6D
11,612 ID#176660
Algorithmic Flesh
806F55
938067
A69179
5F523B
B8A188
706047
4C4331
C9B29A
11,269 ID#177508
Shape Grammars
CDCDCD
E5E5E5
B8B8B8
9D9D9D
898989
F3F3F3
727272
010101
228,696 ID#130038
Flexo InForm
94684C
272619
3E3A28
634E32
7D7341
494A45
775D3E
5B5E64
703,824 ID#114604
Megalopolis X
E1E8F1
3B4B5E
4A5E76
9DB0D7
2A3742
5C718F
818592
121F35
990,487 ID#98037
Eden Rise
B5B6B6
ECE1D1
CCC6BF
9DA7AB
DAD2C9
4E3C37
DABB9A
332729
208,967 ID#164052