Sign Up Sign Up
Hetzelfde

Hetzelfde

12-color palette · Cool · Dark · Monochromatic harmony

Back to Library

Hetzelfde

12-color palette · Cool temperature · Dark tone · Monochromatic harmony

Modify
Muted 12 colors Cool Dark Monochromatic gray black white red
Likes 31
Colors 12

CSS variables

:root {
  --c-muted-1: #3E3F4A;
  --c-muted-2: #5D606B;
  --c-muted-3: #6F687C;
  --c-muted-4: #91929B;
  --c-muted-5: #1D1E26;
  --c-muted-6: #2E2A34;
  --c-muted-7: #293455;
  --c-muted-8: #4C5F81;
  --c-muted-9: #B4D8F7;
  --c-muted-10: #FFFFFF;
  --c-muted-11: #6E053D;
  --c-muted-12: #FF0100;
}

About this palette

This 12-color muted palette runs from White (#FFFFFF) as its lightest tone to Noble Black (#1D1E26) as its darkest. It blends Indian Ink, Concrete Landscape, Victorian Iris, Lilac Fields, Noble Black, Haiti, Midnight Escapade, Bijou Blue, Blue Rice, White, Spanish Purple and Red into a single set you can drop straight into a UI. Of its 66 color pairings, 15 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #1D1E26 on #FFFFFF at 16.59:1.

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

Color breakdown

Indian Ink #3E3F4A
RGB
rgb(62, 63, 74)
HSL
hsl(235, 9%, 27%)
Luminance
0.051
Concrete Landscape #5D606B
RGB
rgb(93, 96, 107)
HSL
hsl(227, 7%, 39%)
Luminance
0.118
Victorian Iris #6F687C
RGB
rgb(111, 104, 124)
HSL
hsl(261, 9%, 45%)
Luminance
0.147
Lilac Fields #91929B
RGB
rgb(145, 146, 155)
HSL
hsl(234, 5%, 59%)
Luminance
0.289
Noble Black #1D1E26
RGB
rgb(29, 30, 38)
HSL
hsl(233, 13%, 13%)
Luminance
0.013
Haiti #2E2A34
RGB
rgb(46, 42, 52)
HSL
hsl(264, 11%, 18%)
Luminance
0.025
Midnight Escapade #293455
RGB
rgb(41, 52, 85)
HSL
hsl(225, 35%, 25%)
Luminance
0.036
Bijou Blue #4C5F81
RGB
rgb(76, 95, 129)
HSL
hsl(218, 26%, 40%)
Luminance
0.113
Blue Rice #B4D8F7
RGB
rgb(180, 216, 247)
HSL
hsl(208, 81%, 84%)
Luminance
0.655
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Spanish Purple #6E053D
RGB
rgb(110, 5, 61)
HSL
hsl(328, 91%, 23%)
Luminance
0.038
Red #FF0100
RGB
rgb(255, 1, 0)
HSL
hsl(0, 100%, 50%)
Luminance
0.213

Contrast & accessibility

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

Aa #1D1E26 on #FFFFFF 16.59:1 AAA
Aa #2E2A34 on #FFFFFF 14.03:1 AAA
Aa #293455 on #FFFFFF 12.23:1 AAA
Aa #FFFFFF on #6E053D 11.99:1 AAA
Aa #1D1E26 on #B4D8F7 11.14:1 AAA
Aa #3E3F4A on #FFFFFF 10.42:1 AAA
Aa #2E2A34 on #B4D8F7 9.42:1 AAA
Aa #293455 on #B4D8F7 8.22:1 AAA
Aa #B4D8F7 on #6E053D 8.05:1 AAA
Aa #3E3F4A on #B4D8F7 7.00:1 AAA
Aa #4C5F81 on #FFFFFF 6.44:1 AA
Aa #5D606B on #FFFFFF 6.27:1 AA
Aa #91929B on #1D1E26 5.36:1 AA
Aa #6F687C on #FFFFFF 5.32:1 AA
Aa #91929B on #2E2A34 4.54:1 AA
Aa #4C5F81 on #B4D8F7 4.33:1 AA Large
Aa #5D606B on #B4D8F7 4.21:1 AA Large
Aa #1D1E26 on #FF0100 4.15:1 AA Large
Aa #FFFFFF on #FF0100 4.00:1 AA Large
Aa #91929B on #293455 3.95:1 AA Large
Aa #91929B on #6E053D 3.87:1 AA Large
Aa #6F687C on #B4D8F7 3.57:1 AA Large
Aa #2E2A34 on #FF0100 3.51:1 AA Large
Aa #3E3F4A on #91929B 3.37:1 AA Large
Aa #6F687C on #1D1E26 3.12:1 AA Large
Aa #91929B on #FFFFFF 3.09:1 AA Large
Aa #293455 on #FF0100 3.06:1 AA Large
Aa #6E053D on #FF0100 3.00:1 AA Large
Aa #B4D8F7 on #FF0100 2.68:1 Fail
Aa #5D606B on #1D1E26 2.65:1 Fail
Aa #6F687C on #2E2A34 2.64:1 Fail
Aa #3E3F4A on #FF0100 2.61:1 Fail
Aa #1D1E26 on #4C5F81 2.58:1 Fail
Aa #6F687C on #293455 2.30:1 Fail
Aa #6F687C on #6E053D 2.25:1 Fail
Aa #5D606B on #2E2A34 2.24:1 Fail
Aa #2E2A34 on #4C5F81 2.18:1 Fail
Aa #91929B on #4C5F81 2.08:1 Fail
Aa #91929B on #B4D8F7 2.08:1 Fail
Aa #5D606B on #91929B 2.03:1 Fail
Aa #3E3F4A on #6F687C 1.96:1 Fail
Aa #5D606B on #293455 1.95:1 Fail
Aa #5D606B on #6E053D 1.91:1 Fail
Aa #293455 on #4C5F81 1.90:1 Fail
Aa #4C5F81 on #6E053D 1.86:1 Fail
Aa #6F687C on #91929B 1.72:1 Fail
Aa #3E3F4A on #5D606B 1.66:1 Fail
Aa #3E3F4A on #4C5F81 1.62:1 Fail
Aa #4C5F81 on #FF0100 1.61:1 Fail
Aa #3E3F4A on #1D1E26 1.59:1 Fail
Aa #5D606B on #FF0100 1.57:1 Fail
Aa #B4D8F7 on #FFFFFF 1.49:1 Fail
Aa #1D1E26 on #6E053D 1.38:1 Fail
Aa #1D1E26 on #293455 1.36:1 Fail
Aa #3E3F4A on #2E2A34 1.35:1 Fail
Aa #6F687C on #FF0100 1.33:1 Fail
Aa #91929B on #FF0100 1.29:1 Fail
Aa #6F687C on #4C5F81 1.21:1 Fail
Aa #5D606B on #6F687C 1.18:1 Fail
Aa #1D1E26 on #2E2A34 1.18:1 Fail
Aa #3E3F4A on #293455 1.17:1 Fail
Aa #2E2A34 on #6E053D 1.17:1 Fail
Aa #3E3F4A on #6E053D 1.15:1 Fail
Aa #2E2A34 on #293455 1.15:1 Fail
Aa #5D606B on #4C5F81 1.03:1 Fail
Aa #293455 on #6E053D 1.02:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC
4 colors
#0A2647 #144272 #205295 #2C74B3
4 colors
#040D12 #183D3D #5C8374 #93B1A6
4 colors
#142850 #27496D #0C7B93 #00A8CC
4 colors
#635985 #443C68 #393053 #18122B
4 colors
#000000 #150050 #3F0071 #610094
4 colors
#151515 #301B3F #3C415C #B4A5A5
4 colors
#041C32 #04293A #064663 #ECB365
4 colors