Color Palette

Voltti — Integrated EV Charger

09080B
Copy As
HEX#09080B
RGBrgb(9,8,11)
HSLhsl(260, 16%, 4%)
CMYKcmyk(18%, 27%, 0%, 96%)
Download
SVG PNG
1C1B1F
Copy As
HEX#1C1B1F
RGBrgb(28,27,31)
HSLhsl(255, 7%, 11%)
CMYKcmyk(10%, 13%, 0%, 88%)
Download
SVG PNG
1D2531
Copy As
HEX#1D2531
RGBrgb(29,37,49)
HSLhsl(216, 26%, 15%)
CMYKcmyk(41%, 24%, 0%, 81%)
Download
SVG PNG
4F3A2B
Copy As
HEX#4F3A2B
RGBrgb(79,58,43)
HSLhsl(25, 30%, 24%)
CMYKcmyk(0%, 27%, 46%, 69%)
Download
SVG PNG
342922
Copy As
HEX#342922
RGBrgb(52,41,34)
HSLhsl(23, 21%, 17%)
CMYKcmyk(0%, 21%, 35%, 80%)
Download
SVG PNG
736155
Copy As
HEX#736155
RGBrgb(115,97,85)
HSLhsl(24, 15%, 39%)
CMYKcmyk(0%, 16%, 26%, 55%)
Download
SVG PNG
424148
Copy As
HEX#424148
RGBrgb(66,65,72)
HSLhsl(249, 5%, 27%)
CMYKcmyk(8%, 10%, 0%, 72%)
Download
SVG PNG
614F43
Copy As
HEX#614F43
RGBrgb(97,79,67)
HSLhsl(24, 18%, 32%)
CMYKcmyk(0%, 19%, 31%, 62%)
Download
SVG PNG
#09080B
#1C1B1F
#1D2531
#4F3A2B
#342922
#736155
#424148
#614F43
Voltti

This palette was extracted from

Voltti

Award-Winning Integrated EV Charger

About the Design

This design features Black, Dark Slate Gray, Dim Gray, and Dark Olive Green.

About the Award-Winning Integrated EV Charger Design: Voltti is an electric vehicle charging station designed for urban environments. The station measures 800 mm in width, 400 mm in depth and 1800 mm in height, giving a compact profile. A 100 kWh solid-state battery stores energy and supports 150 kW DC fast charging while lowering demand on the power grid. Power management software adjusts output according to battery status and grid load. Charging is started by connecting a vehicle, and can be monitored through a touchscreen display or a mobile application. The exterior is made of lightweight composite materials with a weather-resistant coating.

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

View at A' Design Award

Voltti, where these colors originate, was designed by Tomi Rantasaari.

Color Data for Professionals

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


Black
58.4% Black
Web Formats
HEX#09080B
RGB9,8,11
HSLhsl(260, 16%, 4%)
HWBhwb(260, 3%, 96%)
Print & Design
CMYKcmyk(18%, 27%, 0%, 96%)
HSVhsv(260, 27%, 4%)
Perceptual (Color Science)
LABlab(2.31, 0.68, -1.05)
LCHlch(2.31, 1.25, 302.9°)
XYZxyz(0.26, 0.26, 0.35)
OKLaboklab(0.1374, 0.0037, -0.006)
Accessibility (WCAG 2.1)
Aa
On White
19.98:1
AAA Pass
Aa
On Black
1.05:1
Fail
Aa
White on Color
19.98:1
AAA Pass
Aa
Black on Color
1.05:1
Fail
0.3%
Relative Luminance
0.0026
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
20.0% Black
Web Formats
HEX#1C1B1F
RGB28,27,31
HSLhsl(255, 7%, 11%)
HWBhwb(255, 11%, 88%)
Print & Design
CMYKcmyk(10%, 13%, 0%, 88%)
HSVhsv(255, 13%, 12%)
Perceptual (Color Science)
LABlab(10.03, 1.52, -2.59)
LCHlch(10.03, 3, 300.5°)
XYZxyz(1.12, 1.13, 1.46)
OKLaboklab(0.2249, 0.0036, -0.0069)
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.


Dark Slate Gray
7.9% Gray
Web Formats
HEX#1D2531
RGB29,37,49
HSLhsl(216, 26%, 15%)
HWBhwb(216, 11%, 81%)
Print & Design
CMYKcmyk(41%, 24%, 0%, 81%)
HSVhsv(216, 41%, 19%)
Perceptual (Color Science)
LABlab(14.43, 0.15, -9.01)
LCHlch(14.43, 9.01, 271°)
XYZxyz(1.72, 1.81, 3.16)
OKLaboklab(0.2623, -0.0051, -0.0249)
Accessibility (WCAG 2.1)
Aa
On White
15.43:1
AAA Pass
Aa
On Black
1.36:1
Fail
Aa
White on Color
15.43:1
AAA Pass
Aa
Black on Color
1.36:1
Fail
1.8%
Relative Luminance
0.0181
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
4.0% Gray
Web Formats
HEX#4F3A2B
RGB79,58,43
HSLhsl(25, 30%, 24%)
HWBhwb(25, 17%, 69%)
Print & Design
CMYKcmyk(0%, 27%, 46%, 69%)
HSVhsv(25, 46%, 31%)
Perceptual (Color Science)
LABlab(26.34, 6.99, 12.92)
LCHlch(26.34, 14.69, 61.6°)
XYZxyz(5.17, 4.86, 2.95)
OKLaboklab(0.3676, 0.0212, 0.0322)
Accessibility (WCAG 2.1)
Aa
On White
10.65:1
AAA Pass
Aa
On Black
1.97:1
Fail
Aa
White on Color
10.65:1
AAA Pass
Aa
Black on Color
1.97:1
Fail
4.9%
Relative Luminance
0.0486
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
3.1% Gray
Web Formats
HEX#342922
RGB52,41,34
HSLhsl(23, 21%, 17%)
HWBhwb(23, 13%, 80%)
Print & Design
CMYKcmyk(0%, 21%, 35%, 80%)
HSVhsv(23, 35%, 20%)
Perceptual (Color Science)
LABlab(17.61, 3.8, 6.52)
LCHlch(17.61, 7.55, 59.7°)
XYZxyz(2.5, 2.43, 1.85)
OKLaboklab(0.2911, 0.0121, 0.0167)
Accessibility (WCAG 2.1)
Aa
On White
14.13:1
AAA Pass
Aa
On Black
1.49:1
Fail
Aa
White on Color
14.13:1
AAA Pass
Aa
Black on Color
1.49:1
Fail
2.4%
Relative Luminance
0.0243
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.


Dim Gray
2.4% Gray
Web Formats
HEX#736155
RGB115,97,85
HSLhsl(24, 15%, 39%)
HWBhwb(24, 33%, 55%)
Print & Design
CMYKcmyk(0%, 16%, 26%, 55%)
HSVhsv(24, 26%, 45%)
Perceptual (Color Science)
LABlab(42.54, 5.2, 9.54)
LCHlch(42.54, 10.86, 61.4°)
XYZxyz(12.98, 12.85, 10.39)
OKLaboklab(0.5066, 0.0168, 0.0246)
Accessibility (WCAG 2.1)
Aa
On White
5.88:1
AA Pass
Aa
On Black
3.57:1
Large Only
Aa
White on Color
5.88:1
AA Pass
Aa
Black on Color
3.57:1
Large Only
12.9%
Relative Luminance
0.1285
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
2.4% Gray
Web Formats
HEX#424148
RGB66,65,72
HSLhsl(249, 5%, 27%)
HWBhwb(249, 25%, 72%)
Print & Design
CMYKcmyk(8%, 10%, 0%, 72%)
HSVhsv(249, 10%, 28%)
Perceptual (Color Science)
LABlab(27.86, 2.03, -4.09)
LCHlch(27.86, 4.56, 296.5°)
XYZxyz(5.31, 5.41, 6.89)
OKLaboklab(0.3789, 0.0045, -0.011)
Accessibility (WCAG 2.1)
Aa
On White
10.09:1
AAA Pass
Aa
On Black
2.08:1
Fail
Aa
White on Color
10.09:1
AAA Pass
Aa
Black on Color
2.08:1
Fail
5.4%
Relative Luminance
0.0541
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 Olive Green
1.7% Green
Web Formats
HEX#614F43
RGB97,79,67
HSLhsl(24, 18%, 32%)
HWBhwb(24, 26%, 62%)
Print & Design
CMYKcmyk(0%, 19%, 31%, 62%)
HSVhsv(24, 31%, 38%)
Perceptual (Color Science)
LABlab(35.08, 5.5, 9.92)
LCHlch(35.08, 11.34, 61°)
XYZxyz(8.74, 8.54, 6.5)
OKLaboklab(0.4424, 0.0175, 0.0254)
Accessibility (WCAG 2.1)
Aa
On White
7.76:1
AAA Pass
Aa
On Black
2.71:1
Fail
Aa
White on Color
7.76:1
AAA Pass
Aa
Black on Color
2.71:1
Fail
8.5%
Relative Luminance
0.0854
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.

The colors shown were sampled from Tomi Rantasaari's celebrated design "Voltti".

Tomi Rantasaari

About the Designer

Tomi Rantasaari

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

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

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

About the Award

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

Voltti received recognition with the Iron 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 representing multiple disciplines. The Iron 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 Voltti

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

Voltti - View 2
161B26
080911
4F5A73
263146
35445E
302B2E
5E6982
534A4D
Voltti - View 3
050A10
151B23
242D38
4C321F
333B48
734D2E
2B1D12
534A47
Voltti - View 4
0F1115
020205
252932
687589
393E48
79899E
4C5360
1F1C20
Voltti - View 5
030509
687E97
48515C
556474
363D44
1E232A
111318
E5EFFA

Discover More Color Palettes

Explore colors from more award-winning designs.

Lumous
F1F7FD
A2A6D1
C8D4E9
383C57
252A3E
69759A
484E6F
586287
59,224 ID#169344
Leaf Roof
303F4A
505B5E
717777
6594AD
7AA4B8
B4C8D2
8E918D
414E54
101,763 ID#161525
Hinemosu 30
131313
282828
474747
676867
A9A9A9
808080
EEEEEE
373738
1,504,427 ID#159382
Changes and Cycles in Between
FEFEFE
2D2824
464034
575349
D1CDBC
B7BBB0
695F58
80806A
205,875 ID#170864
Flow
302F30
1B1A1B
424140
565351
646361
6B7577
7C929A
8FA7AA
174,028 ID#162336
Life Forms of Colors
0D0807
2C1A12
402B24
553934
654A45
5D3B50
7B6558
6C4862
172,950 ID#170854
Curiosity Blocks
033A72
0B62B4
034281
0A1520
FB802E
FBC833
FBD204
1F1C03
167,973 ID#170876
Reefit
090A0D
1A1B1D
344149
7F6B65
895E4B
55595E
342E2C
4B6B78
171,241 ID#171137
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