Sign Up Sign Up
Mandela Catalogue

Mandela Catalogue

8-color palette · Neutral · Mixed · Monochromatic harmony

Back to Library

Mandela Catalogue

8-color palette · Neutral temperature · Mixed tone · Monochromatic harmony

Modify
Muted 8 colors Neutral Mixed Monochromatic vhs
Likes 26
Colors 8

CSS variables

:root {
  --c-muted-1: #FFFFFF;
  --c-muted-2: #D7C8DF;
  --c-muted-3: #BAA6C3;
  --c-muted-4: #91809A;
  --c-muted-5: #594961;
  --c-muted-6: #2F2933;
  --c-muted-7: #171518;
  --c-muted-8: #000000;
}

About this palette

This 8-color muted palette runs from White (#FFFFFF) as its lightest tone to Black (#000000) as its darkest. It blends White, Watercolour Grape, Extraordinaire, Wildflower, Paparazzi, Black Safflower, Dark Void and Black into a single set you can drop straight into a UI. Of its 28 color pairings, 13 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFFFFF on #000000 at 21:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Watercolour Grape #D7C8DF
RGB
rgb(215, 200, 223)
HSL
hsl(279, 26%, 83%)
Luminance
0.611
Extraordinaire #BAA6C3
RGB
rgb(186, 166, 195)
HSL
hsl(281, 19%, 71%)
Luminance
0.417
Wildflower #91809A
RGB
rgb(145, 128, 154)
HSL
hsl(279, 11%, 55%)
Luminance
0.238
Paparazzi #594961
RGB
rgb(89, 73, 97)
HSL
hsl(280, 14%, 33%)
Luminance
0.078
Black Safflower #2F2933
RGB
rgb(47, 41, 51)
HSL
hsl(276, 11%, 18%)
Luminance
0.024
Dark Void #171518
RGB
rgb(23, 21, 24)
HSL
hsl(280, 7%, 9%)
Luminance
0.008
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000

Contrast & accessibility

13 of 28 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #FFFFFF on #000000 21.00:1 AAA
Aa #FFFFFF on #171518 18.15:1 AAA
Aa #FFFFFF on #2F2933 14.13:1 AAA
Aa #D7C8DF on #000000 13.22:1 AAA
Aa #D7C8DF on #171518 11.42:1 AAA
Aa #BAA6C3 on #000000 9.33:1 AAA
Aa #D7C8DF on #2F2933 8.90:1 AAA
Aa #FFFFFF on #594961 8.23:1 AAA
Aa #BAA6C3 on #171518 8.07:1 AAA
Aa #BAA6C3 on #2F2933 6.28:1 AA
Aa #91809A on #000000 5.76:1 AA
Aa #D7C8DF on #594961 5.18:1 AA
Aa #91809A on #171518 4.98:1 AA
Aa #91809A on #2F2933 3.88:1 AA Large
Aa #BAA6C3 on #594961 3.66:1 AA Large
Aa #FFFFFF on #91809A 3.65:1 AA Large
Aa #594961 on #000000 2.55:1 Fail
Aa #D7C8DF on #91809A 2.30:1 Fail
Aa #91809A on #594961 2.26:1 Fail
Aa #FFFFFF on #BAA6C3 2.25:1 Fail
Aa #594961 on #171518 2.20:1 Fail
Aa #594961 on #2F2933 1.72:1 Fail
Aa #BAA6C3 on #91809A 1.62:1 Fail
Aa #FFFFFF on #D7C8DF 1.59:1 Fail
Aa #2F2933 on #000000 1.49:1 Fail
Aa #D7C8DF on #BAA6C3 1.42:1 Fail
Aa #2F2933 on #171518 1.28:1 Fail
Aa #171518 on #000000 1.16:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors