This 6-color muted palette runs from White (#FFFFFF) as its lightest tone to Black (#000000) as its darkest. It blends Black, Havana, Simple Plum, Quest Grey, Steam and White into a single set you can drop straight into a UI. Of its 15 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000000 on #FFFFFF at 21:1.
A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.
Color breakdown
Black#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000
Havana#3A292E
RGB
rgb(58, 41, 46)
HSL
hsl(342, 17%, 19%)
Luminance
0.027
Simple Plum#82737B
RGB
rgb(130, 115, 123)
HSL
hsl(328, 6%, 48%)
Luminance
0.184
Quest Grey#ADA2A6
RGB
rgb(173, 162, 166)
HSL
hsl(338, 6%, 66%)
Luminance
0.375
Steam#DDDDDD
RGB
rgb(221, 221, 221)
HSL
hsl(0, 0%, 87%)
Luminance
0.723
White#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Contrast & accessibility
7 of 15 color pairings
meet the WCAG AA contrast threshold (4.5:1) for body text.
Aa#000000 on #FFFFFF21.00:1AAA
Aa#000000 on #DDDDDD15.46:1AAA
Aa#3A292E on #FFFFFF13.67:1AAA
Aa#3A292E on #DDDDDD10.06:1AAA
Aa#000000 on #ADA2A68.50:1AAA
Aa#3A292E on #ADA2A65.53:1AA
Aa#000000 on #82737B4.69:1AA
Aa#82737B on #FFFFFF4.48:1AA Large
Aa#82737B on #DDDDDD3.30:1AA Large
Aa#3A292E on #82737B3.05:1AA Large
Aa#ADA2A6 on #FFFFFF2.47:1Fail
Aa#ADA2A6 on #DDDDDD1.82:1Fail
Aa#82737B on #ADA2A61.81:1Fail
Aa#000000 on #3A292E1.54:1Fail
Aa#DDDDDD on #FFFFFF1.36:1Fail
Similar palettes
#F9ED69#F08A5D#B83B5E#6A2C70
4 colors
#7D5A50#B4846C#E5B299#FCDEC0
4 colors
#FFF8EA#9E7676#815B5B#594545
4 colors
#2C3639#3F4E4F#A27B5C#DCD7C9
4 colors
#F67280#C06C84#6C5B7B#355C7D
4 colors
#2B2E4A#E84545#903749#53354A
4 colors
#E5D9B6#A4BE7B#5F8D4E#285430
4 colors
#A9907E#F3DEBA#ABC4AA#675D50
4 colors
Palette
Help us improve
Found a bug? Got an idea?
Jinero is in active development. If something is broken or behaving
oddly — tell us. If there is a tool or feature you wish we had —
tell us that too. We read every message and it directly shapes
what we build next.