Flow - 8 Color Palette | Strategy Colors

Color Palette

Flow — Interactive Generative Art

302F30
Copy As
HEX #302F30
RGB rgb(48,47,48)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
1B1A1B
Copy As
HEX #1B1A1B
RGB rgb(27,26,27)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
424140
Copy As
HEX #424140
RGB rgb(66,65,64)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
565351
Copy As
HEX #565351
RGB rgb(86,83,81)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
646361
Copy As
HEX #646361
RGB rgb(100,99,97)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
6B7577
Copy As
HEX #6B7577
RGB rgb(107,117,119)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
7C929A
Copy As
HEX #7C929A
RGB rgb(124,146,154)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
8FA7AA
Copy As
HEX #8FA7AA
RGB rgb(143,167,170)
HSL
Notice: Undefined index: HSL in /home/hues/domains/strategycolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/strategycolors.com/public_html/index.php on line 6321
Download
SVG PNG
#302F30
#1B1A1B
#424140
#565351
#646361
#6B7577
#7C929A
#8FA7AA
Flow

This palette was extracted from

Flow

Award-Winning Interactive Generative Art

About the Design

This design features Dark Slate Gray, Black, Dim Gray, Light Slate Gray, and Dark Gray.

About the Award-Winning Interactive Generative Art Design: Flow is an innovative AI interactive art project enabling real-time engagement between the audience and AI generated artworks. By utilizing generative art models and motion capture technology, users can input image descriptions, with AI artworks appearing instantly on the screen. Additionally, the audience can modify the AI art through body movements, transforming it from a static image into a dynamic experience. This innovation allows non-professionals to explore and appreciate the creative possibilities of AI art, expanding the boundaries of traditional artistic expression.

This palette has a balanced temperature, offering versatility in various contexts.

View at A' Design Award

Flow, the inspiration behind this palette, was designed by Yuming Chen.

Color Data for Professionals

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


Dark Slate Gray
50.1% Gray
Web Formats
HEX #302F30
RGB 48,47,48
HSL hsl(300, 1%, 19%)
HWB hwb(300, 18%, 81%)
Print & Design
CMYK cmyk(0%, 2%, 0%, 81%)
HSV hsv(300, 2%, 19%)
Perceptual (Color Science)
LAB lab(19.54, 0.68, -0.48)
LCH lch(19.54, 0.83, 324.5°)
XYZ xyz(2.77, 2.87, 3.2)
OKLab oklab(0.3066, 0.0019, -0.0013)
Accessibility (WCAG 2.1)
Aa
On White
13.33:1
AAA Pass
Aa
On Black
1.57:1
Fail
Aa
White on Color
13.33:1
AAA Pass
Aa
Black on Color
1.57:1
Fail
2.9%
Relative Luminance
0.0287
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.


Black
16.1% Black
Web Formats
HEX #1B1A1B
RGB 27,26,27
HSL hsl(300, 2%, 10%)
HWB hwb(300, 10%, 89%)
Print & Design
CMYK cmyk(0%, 4%, 0%, 89%)
HSV hsv(300, 4%, 11%)
Perceptual (Color Science)
LAB lab(9.41, 0.74, -0.52)
LCH lch(9.41, 0.9, 324.6°)
XYZ xyz(1.02, 1.05, 1.19)
OKLab oklab(0.2193, 0.002, -0.0014)
Accessibility (WCAG 2.1)
Aa
On White
17.35:1
AAA Pass
Aa
On Black
1.21:1
Fail
Aa
White on Color
17.35:1
AAA Pass
Aa
Black on Color
1.21:1
Fail
1.1%
Relative Luminance
0.0105
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.


Dark Slate Gray
9.3% Gray
Web Formats
HEX #424140
RGB 66,65,64
HSL hsl(30, 2%, 25%)
HWB hwb(30, 25%, 74%)
Print & Design
CMYK cmyk(0%, 2%, 3%, 74%)
HSV hsv(30, 3%, 26%)
Perceptual (Color Science)
LAB lab(27.6, 0.2, 0.76)
LCH lch(27.6, 0.78, 75.1°)
XYZ xyz(5.06, 5.31, 5.61)
OKLab oklab(0.3759, 0.0008, 0.002)
Accessibility (WCAG 2.1)
Aa
On White
10.19:1
AAA Pass
Aa
On Black
2.06:1
Fail
Aa
White on Color
10.19:1
AAA Pass
Aa
Black on Color
2.06:1
Fail
5.3%
Relative Luminance
0.0531
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.


Dark Slate Gray
8.8% Gray
Web Formats
HEX #565351
RGB 86,83,81
HSL hsl(24, 3%, 33%)
HWB hwb(24, 32%, 66%)
Print & Design
CMYK cmyk(0%, 3%, 6%, 66%)
HSV hsv(24, 6%, 34%)
Perceptual (Color Science)
LAB lab(35.52, 0.8, 1.6)
LCH lch(35.52, 1.79, 63.4°)
XYZ xyz(8.42, 8.76, 9.03)
OKLab oklab(0.4444, 0.0028, 0.0042)
Accessibility (WCAG 2.1)
Aa
On White
7.63:1
AAA Pass
Aa
On Black
2.75:1
Fail
Aa
White on Color
7.63:1
AAA Pass
Aa
Black on Color
2.75:1
Fail
8.8%
Relative Luminance
0.0876
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.


Dim Gray
6.1% Gray
Web Formats
HEX #646361
RGB 100,99,97
HSL hsl(40, 2%, 39%)
HWB hwb(40, 38%, 61%)
Print & Design
CMYK cmyk(0%, 1%, 3%, 61%)
HSV hsv(40, 3%, 39%)
Perceptual (Color Science)
LAB lab(41.99, -0.02, 1.27)
LCH lch(41.99, 1.27, 90.8°)
XYZ xyz(11.87, 12.5, 13.09)
OKLab oklab(0.4999, 0.0003, 0.0034)
Accessibility (WCAG 2.1)
Aa
On White
6.00:1
AA Pass
Aa
On Black
3.50:1
Large Only
Aa
White on Color
6.00:1
AA Pass
Aa
Black on Color
3.50:1
Large Only
12.5%
Relative Luminance
0.1250
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.


Dim Gray
3.3% Gray
Web Formats
HEX #6B7577
RGB 107,117,119
HSL hsl(190, 5%, 44%)
HWB hwb(190, 42%, 53%)
Print & Design
CMYK cmyk(10%, 2%, 0%, 53%)
HSV hsv(190, 10%, 47%)
Perceptual (Color Science)
LAB lab(48.49, -3.3, -2.38)
LCH lch(48.49, 4.07, 215.8°)
XYZ xyz(15.75, 17.18, 19.94)
OKLab oklab(0.5547, -0.0107, -0.0064)
Accessibility (WCAG 2.1)
Aa
On White
4.73:1
AA Pass
Aa
On Black
4.44:1
Large Only
Aa
White on Color
4.73:1
AA Pass
Aa
Black on Color
4.44:1
Large Only
17.2%
Relative Luminance
0.1718
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.


Light Slate Gray
3.3% Gray
Web Formats
HEX #7C929A
RGB 124,146,154
HSL hsl(196, 13%, 55%)
HWB hwb(196, 49%, 40%)
Print & Design
CMYK cmyk(19%, 5%, 0%, 40%)
HSV hsv(196, 19%, 60%)
Perceptual (Color Science)
LAB lab(59.14, -5.99, -6.83)
LCH lch(59.14, 9.09, 228.8°)
XYZ xyz(24.42, 27.18, 34.52)
OKLab oklab(0.6454, -0.0207, -0.0185)
Accessibility (WCAG 2.1)
Aa
On White
3.26:1
Large Only
Aa
On Black
6.44:1
AA Pass
Aa
White on Color
3.26:1
Large Only
Aa
Black on Color
6.44:1
AA Pass
27.2%
Relative Luminance
0.2718
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.


Dark Gray
3.0% Gray
Web Formats
HEX #8FA7AA
RGB 143,167,170
HSL hsl(187, 14%, 61%)
HWB hwb(187, 56%, 33%)
Print & Design
CMYK cmyk(16%, 2%, 0%, 33%)
HSV hsv(187, 16%, 67%)
Perceptual (Color Science)
LAB lab(66.81, -7.65, -4.34)
LCH lch(66.81, 8.8, 209.6°)
XYZ xyz(32.4, 36.38, 43.34)
OKLab oklab(0.711, -0.0244, -0.0118)
Accessibility (WCAG 2.1)
Aa
On White
2.54:1
Fail
Aa
On Black
8.28:1
AAA Pass
Aa
White on Color
2.54:1
Fail
Aa
Black on Color
8.28:1
AAA Pass
36.4%
Relative Luminance
0.3638
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.

These colors were identified within Yuming Chen's celebrated design "Flow".

About the Designer

Yuming Chen

Yuming Chen is an acclaimed design visionary recognized by the A' Design Award. Their creative vision reflects exceptional skill in creative direction.

Yuming Chen is a PhD researcher in i-DAT, Plymouth University, and the co-founder of Limoda Studio. His background is Interaction Design, with a MA from Creative Computing Institute at the University of the Arts London, and with skills in Digital Media Arts. His research interests lie in AI art, generative art and dome.

Discover more color palettes from Chen'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

Flow received recognition with the Silver A' Generative, Algorithmic, Parametric and AI-Assisted Design Award in 2025. 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 Silver status reflects high caliber design work as determined by the international jury.

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 Flow

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

Flow - View 2
546C7D
384242
556567
415868
415054
595846
617A8C
768B99
Flow - View 3
4E91A9
3B7793
60A3B8
396479
4A8298
79B4C3
2C4451
325466
Flow - View 4
302825
1B1512
453833
5A4640
7D675F
67554D
91786D
A3857A
Flow - View 5
4D4F44
2C2A24
1C1A16
3D3C34
A7AA99
7E8474
5D6053
919685

Discover More Color Palettes

Explore colors from more award-winning designs.

Hinemosu 30
131313
282828
474747
676867
A9A9A9
808080
EEEEEE
373738
1,306,811 ID#159382
Changes and Cycles in Between
FEFEFE
2D2824
464034
575349
D1CDBC
B7BBB0
695F58
80806A
179,097 ID#170864
Life Forms of Colors
0D0807
2C1A12
402B24
553934
654A45
5D3B50
7B6558
6C4862
153,513 ID#170854
Reefit
090A0D
1A1B1D
344149
7F6B65
895E4B
55595E
342E2C
4B6B78
151,315 ID#171137
Curiosity Blocks
033A72
0B62B4
034281
0A1520
FB802E
FBC833
FBD204
1F1C03
149,217 ID#170876
AI Interior Concept
7B6147
8E7458
4B3220
9F876D
1B120C
BDAC94
AE9980
C4B8AA
204,853 ID#159190
Spiritual Spa
355244
A5D8F1
8E9D77
9ABFD0
70856E
C2E7F9
A4B185
596F5C
97,785 ID#165497
Taravat Villa
AEC0D8
25231A
403023
674730
58616F
9094A0
3A4141
9FAEC4
109,694 ID#168289
Shape Grammars
CDCDCD
E5E5E5
B8B8B8
9D9D9D
898989
F3F3F3
727272
010101
217,871 ID#130038
Flexo InForm
94684C
272619
3E3A28
634E32
7D7341
494A45
775D3E
5B5E64
697,634 ID#114604
Megalopolis X
E1E8F1
3B4B5E
4A5E76
9DB0D7
2A3742
5C718F
818592
121F35
961,857 ID#98037
Eden Rise
B5B6B6
ECE1D1
CCC6BF
9DA7AB
DAD2C9
4E3C37
DABB9A
332729
177,435 ID#164052