Color Palette

Reefit — Sustainable Biomimetic Footwear

090A0D
Copy As
HEX#090A0D
RGBrgb(9,10,13)
HSLhsl(225, 18%, 4%)
CMYKcmyk(31%, 23%, 0%, 95%)
Download
SVG PNG
1A1B1D
Copy As
HEX#1A1B1D
RGBrgb(26,27,29)
HSLhsl(220, 5%, 11%)
CMYKcmyk(10%, 7%, 0%, 89%)
Download
SVG PNG
344149
Copy As
HEX#344149
RGBrgb(52,65,73)
HSLhsl(203, 17%, 25%)
CMYKcmyk(29%, 11%, 0%, 71%)
Download
SVG PNG
7F6B65
Copy As
HEX#7F6B65
RGBrgb(127,107,101)
HSLhsl(14, 11%, 45%)
CMYKcmyk(0%, 16%, 20%, 50%)
Download
SVG PNG
895E4B
Copy As
HEX#895E4B
RGBrgb(137,94,75)
HSLhsl(18, 29%, 42%)
CMYKcmyk(0%, 31%, 45%, 46%)
Download
SVG PNG
55595E
Copy As
HEX#55595E
RGBrgb(85,89,94)
HSLhsl(213, 5%, 35%)
CMYKcmyk(10%, 5%, 0%, 63%)
Download
SVG PNG
342E2C
Copy As
HEX#342E2C
RGBrgb(52,46,44)
HSLhsl(15, 8%, 19%)
CMYKcmyk(0%, 12%, 15%, 80%)
Download
SVG PNG
4B6B78
Copy As
HEX#4B6B78
RGBrgb(75,107,120)
HSLhsl(197, 23%, 38%)
CMYKcmyk(38%, 11%, 0%, 53%)
Download
SVG PNG
#090A0D
#1A1B1D
#344149
#7F6B65
#895E4B
#55595E
#342E2C
#4B6B78
Reefit

This palette was extracted from

Reefit

Award-Winning Sustainable Biomimetic Footwear

About the Design

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

About the Award-Winning Sustainable Biomimetic Footwear Design: Reefit is a footwear concept created with generative design and biodegradable materials. The structure is inspired by coral reefs and combines a rigid coral-like framework for support with a soft lattice layer for adaptability. Parametric modeling and 3D printing are used, with seaweed-derived bioplastics, calcium-infused lattices and mycelium composites. The lattice conforms to the foot and improves breathability. Once worn out, the shoes can be placed in marine restoration sites, where the calcium-rich structure supports coral attachment and marine biodiversity.

This palette has a refreshing feel, evoking peaceful balance.

View at A' Design Award

Reefit, where these colors originate, was designed by PEAR & MULBERRY.

Color Data for Professionals

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


Black
70.4% Black
Web Formats
HEX#090A0D
RGB9,10,13
HSLhsl(225, 18%, 4%)
HWBhwb(225, 4%, 95%)
Print & Design
CMYKcmyk(31%, 23%, 0%, 95%)
HSVhsv(225, 31%, 5%)
Perceptual (Color Science)
LABlab(2.75, 0.19, -1.33)
LCHlch(2.75, 1.34, 278.2°)
XYZxyz(0.29, 0.3, 0.42)
OKLaboklab(0.145, 0.0001, -0.0067)
Accessibility (WCAG 2.1)
Aa
On White
19.80:1
AAA Pass
Aa
On Black
1.06:1
Fail
Aa
White on Color
19.80:1
AAA Pass
Aa
Black on Color
1.06:1
Fail
0.3%
Relative Luminance
0.0030
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
12.7% Black
Web Formats
HEX#1A1B1D
RGB26,27,29
HSLhsl(220, 5%, 11%)
HWBhwb(220, 10%, 89%)
Print & Design
CMYKcmyk(10%, 7%, 0%, 89%)
HSVhsv(220, 10%, 11%)
Perceptual (Color Science)
LABlab(9.74, 0.06, -1.55)
LCHlch(9.74, 1.55, 272.1°)
XYZxyz(1.04, 1.09, 1.32)
OKLaboklab(0.2219, -0.0004, -0.0042)
Accessibility (WCAG 2.1)
Aa
On White
17.24:1
AAA Pass
Aa
On Black
1.22:1
Fail
Aa
White on Color
17.24:1
AAA Pass
Aa
Black on Color
1.22:1
Fail
1.1%
Relative Luminance
0.0109
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.8% Gray
Web Formats
HEX#344149
RGB52,65,73
HSLhsl(203, 17%, 25%)
HWBhwb(203, 20%, 71%)
Print & Design
CMYKcmyk(29%, 11%, 0%, 71%)
HSVhsv(203, 29%, 29%)
Perceptual (Color Science)
LABlab(26.71, -3.1, -6.59)
LCHlch(26.71, 7.28, 244.8°)
XYZxyz(4.51, 4.99, 7.03)
OKLaboklab(0.367, -0.0125, -0.018)
Accessibility (WCAG 2.1)
Aa
On White
10.51:1
AAA Pass
Aa
On Black
2.00:1
Fail
Aa
White on Color
10.51:1
AAA Pass
Aa
Black on Color
2.00:1
Fail
5.0%
Relative Luminance
0.0499
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
3.6% Gray
Web Formats
HEX#7F6B65
RGB127,107,101
HSLhsl(14, 11%, 45%)
HWBhwb(14, 40%, 50%)
Print & Design
CMYKcmyk(0%, 16%, 20%, 50%)
HSVhsv(14, 20%, 50%)
Perceptual (Color Science)
LABlab(46.93, 6.87, 6.3)
LCHlch(46.93, 9.32, 42.5°)
XYZxyz(16.36, 15.97, 14.53)
OKLaboklab(0.5451, 0.0216, 0.0165)
Accessibility (WCAG 2.1)
Aa
On White
5.01:1
AA Pass
Aa
On Black
4.19:1
Large Only
Aa
White on Color
5.01:1
AA Pass
Aa
Black on Color
4.19:1
Large Only
16.0%
Relative Luminance
0.1597
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.


Sienna
2.7% Brown
Web Formats
HEX#895E4B
RGB137,94,75
HSLhsl(18, 29%, 42%)
HWBhwb(18, 29%, 46%)
Print & Design
CMYKcmyk(0%, 31%, 45%, 46%)
HSVhsv(18, 45%, 54%)
Perceptual (Color Science)
LABlab(43.99, 15.11, 17.94)
LCHlch(43.99, 23.46, 49.9°)
XYZxyz(15.59, 13.83, 8.5)
OKLaboklab(0.5228, 0.0452, 0.0448)
Accessibility (WCAG 2.1)
Aa
On White
5.58:1
AA Pass
Aa
On Black
3.77:1
Large Only
Aa
White on Color
5.58:1
AA Pass
Aa
Black on Color
3.77:1
Large Only
13.8%
Relative Luminance
0.1383
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#55595E
RGB85,89,94
HSLhsl(213, 5%, 35%)
HWBhwb(213, 33%, 63%)
Print & Design
CMYKcmyk(10%, 5%, 0%, 63%)
HSVhsv(213, 10%, 37%)
Perceptual (Color Science)
LABlab(37.63, -0.46, -3.43)
LCHlch(37.63, 3.46, 262.4°)
XYZxyz(9.34, 9.88, 12)
OKLaboklab(0.4622, -0.0026, -0.0092)
Accessibility (WCAG 2.1)
Aa
On White
7.05:1
AAA Pass
Aa
On Black
2.98:1
Fail
Aa
White on Color
7.05:1
AAA Pass
Aa
Black on Color
2.98:1
Fail
9.9%
Relative Luminance
0.0988
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.3% Gray
Web Formats
HEX#342E2C
RGB52,46,44
HSLhsl(15, 8%, 19%)
HWBhwb(15, 17%, 80%)
Print & Design
CMYKcmyk(0%, 12%, 15%, 80%)
HSVhsv(15, 15%, 20%)
Perceptual (Color Science)
LABlab(19.5, 2.28, 2.27)
LCHlch(19.5, 3.22, 44.9°)
XYZxyz(2.85, 2.87, 2.79)
OKLaboklab(0.3069, 0.0073, 0.006)
Accessibility (WCAG 2.1)
Aa
On White
13.35:1
AAA Pass
Aa
On Black
1.57:1
Fail
Aa
White on Color
13.35: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.


Dim Gray
2.1% Gray
Web Formats
HEX#4B6B78
RGB75,107,120
HSLhsl(197, 23%, 38%)
HWBhwb(197, 29%, 53%)
Print & Design
CMYKcmyk(38%, 11%, 0%, 53%)
HSVhsv(197, 38%, 47%)
Perceptual (Color Science)
LABlab(43.31, -8, -10.93)
LCHlch(43.31, 13.55, 233.8°)
XYZxyz(11.55, 13.37, 19.74)
OKLaboklab(0.5081, -0.0299, -0.03)
Accessibility (WCAG 2.1)
Aa
On White
5.72:1
AA Pass
Aa
On Black
3.67:1
Large Only
Aa
White on Color
5.72:1
AA Pass
Aa
Black on Color
3.67:1
Large Only
13.4%
Relative Luminance
0.1337
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 presented here were analyzed from PEAR & MULBERRY's celebrated design "Reefit".

About PEAR & MULBERRY

PEAR & MULBERRY

PEAR & MULBERRY is an award-winning startup recognized by the A' Design Award. Their creative vision demonstrates exceptional skill in creative development.

PEAR & MULBERRY is a multidisciplinary creative studio specializing in the intersection of design, technology, and cultural narratives. Drawing from expertise in computational design, digital fabrication, and visual storytelling, the studio develops cross-genre projects spanning physical products, digital experiences, and conceptual research. Its work has been featured in international exhibitions, academic publications, and collaborative initiatives with institutions across design, art, and science. Through an iterative and research-driven approach, the studio contributes to dialogues around emerging aesthetics, sustainable futures, and inclusive design methodologies.

Discover more color palettes from PEAR & MULBERRY'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

Reefit was awarded with the Silver A' Generative, Algorithmic, Parametric and AI-Assisted Design Award in 2025. The A' Design Award is a well-established design recognition initiative that honors exemplary design excellence. Award recipients are determined through rigorous evaluation by qualified design professionals with diverse expertise in design. 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 Reefit

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

Reefit - View 2
101317
1C262E
2B3A40
364951
4B5F66
65584B
5A4639
587581
Reefit - View 3
253031
161918
334547
445B5D
547374
0B0705
5D4634
3F2A1D
Reefit - View 4
141012
637B88
222327
566974
3C4349
4B575F
2D3237
778F99
Reefit - View 5
172028
0A0D14
1F313A
2D454F
3B3E3D
415358
4A666F
332620

Discover More Color Palettes

Explore colors from more award-winning designs.

Weaver
BEBEBE
D2D1D3
E5E4E6
646B7C
505765
2F2D34
3F444F
ABAAAC
121,520 ID#170962
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
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
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