Sign Up Sign Up
TY 128 Engine

TY 128 Engine

10-color palette · Neutral · Mixed · Triadic harmony

Back to Library

TY 128 Engine

10-color palette · Neutral temperature · Mixed tone · Triadic harmony

Modify
Muted 10 colors Neutral Mixed Triadic retro game console fictional
Likes 7
Colors 10

CSS variables

:root {
  --c-muted-1: #3C3658;
  --c-muted-2: #5E475B;
  --c-muted-3: #7D685F;
  --c-muted-4: #A78547;
  --c-muted-5: #B190B1;
  --c-muted-6: #CBC8C7;
  --c-muted-7: #7D7D7D;
  --c-muted-8: #53A2AC;
  --c-muted-9: #43925B;
  --c-muted-10: #476361;
}

About this palette

This 10-color muted palette runs from Gentle Rain (#CBC8C7) as its lightest tone to Naggaroth Night (#3C3658) as its darkest. It blends Naggaroth Night, Ripe Mulberry, Cocoa Milk, Kiss Candy, Metal Petal, Gentle Rain, Aged Moustache Grey, Flood Out, Alpine Herbs and Brochantite Green into a single set you can drop straight into a UI. Of its 45 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #3C3658 on #CBC8C7 at 6.79:1.

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

Color breakdown

Naggaroth Night #3C3658
RGB
rgb(60, 54, 88)
HSL
hsl(251, 24%, 28%)
Luminance
0.043
Ripe Mulberry #5E475B
RGB
rgb(94, 71, 91)
HSL
hsl(308, 14%, 32%)
Luminance
0.076
Cocoa Milk #7D685F
RGB
rgb(125, 104, 95)
HSL
hsl(18, 14%, 43%)
Luminance
0.151
Kiss Candy #A78547
RGB
rgb(167, 133, 71)
HSL
hsl(39, 40%, 47%)
Luminance
0.255
Metal Petal #B190B1
RGB
rgb(177, 144, 177)
HSL
hsl(300, 17%, 63%)
Luminance
0.325
Gentle Rain #CBC8C7
RGB
rgb(203, 200, 199)
HSL
hsl(15, 4%, 79%)
Luminance
0.581
Aged Moustache Grey #7D7D7D
RGB
rgb(125, 125, 125)
HSL
hsl(0, 0%, 49%)
Luminance
0.205
Flood Out #53A2AC
RGB
rgb(83, 162, 172)
HSL
hsl(187, 35%, 50%)
Luminance
0.307
Alpine Herbs #43925B
RGB
rgb(67, 146, 91)
HSL
hsl(138, 37%, 42%)
Luminance
0.225
Brochantite Green #476361
RGB
rgb(71, 99, 97)
HSL
hsl(176, 16%, 33%)
Luminance
0.111

Contrast & accessibility

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

Aa #3C3658 on #CBC8C7 6.79:1 AA
Aa #5E475B on #CBC8C7 4.99:1 AA
Aa #3C3658 on #B190B1 4.03:1 AA Large
Aa #CBC8C7 on #476361 3.91:1 AA Large
Aa #3C3658 on #53A2AC 3.83:1 AA Large
Aa #3C3658 on #A78547 3.27:1 AA Large
Aa #7D685F on #CBC8C7 3.14:1 AA Large
Aa #3C3658 on #43925B 2.96:1 Fail
Aa #5E475B on #B190B1 2.96:1 Fail
Aa #5E475B on #53A2AC 2.82:1 Fail
Aa #3C3658 on #7D7D7D 2.74:1 Fail
Aa #CBC8C7 on #7D7D7D 2.47:1 Fail
Aa #5E475B on #A78547 2.41:1 Fail
Aa #B190B1 on #476361 2.32:1 Fail
Aa #CBC8C7 on #43925B 2.30:1 Fail
Aa #53A2AC on #476361 2.21:1 Fail
Aa #5E475B on #43925B 2.18:1 Fail
Aa #3C3658 on #7D685F 2.16:1 Fail
Aa #A78547 on #CBC8C7 2.07:1 Fail
Aa #5E475B on #7D7D7D 2.02:1 Fail
Aa #A78547 on #476361 1.89:1 Fail
Aa #7D685F on #B190B1 1.87:1 Fail
Aa #7D685F on #53A2AC 1.78:1 Fail
Aa #CBC8C7 on #53A2AC 1.77:1 Fail
Aa #3C3658 on #476361 1.73:1 Fail
Aa #43925B on #476361 1.71:1 Fail
Aa #B190B1 on #CBC8C7 1.68:1 Fail
Aa #5E475B on #7D685F 1.59:1 Fail
Aa #7D7D7D on #476361 1.58:1 Fail
Aa #7D685F on #A78547 1.52:1 Fail
Aa #B190B1 on #7D7D7D 1.47:1 Fail
Aa #7D7D7D on #53A2AC 1.40:1 Fail
Aa #7D685F on #43925B 1.37:1 Fail
Aa #3C3658 on #5E475B 1.36:1 Fail
Aa #B190B1 on #43925B 1.36:1 Fail
Aa #53A2AC on #43925B 1.30:1 Fail
Aa #5E475B on #476361 1.28:1 Fail
Aa #7D685F on #7D7D7D 1.27:1 Fail
Aa #7D685F on #476361 1.25:1 Fail
Aa #A78547 on #B190B1 1.23:1 Fail
Aa #A78547 on #7D7D7D 1.19:1 Fail
Aa #A78547 on #53A2AC 1.17:1 Fail
Aa #A78547 on #43925B 1.11:1 Fail
Aa #7D7D7D on #43925B 1.08:1 Fail
Aa #B190B1 on #53A2AC 1.05: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