This 6-color muted palette runs from White (#FFFFFF) as its lightest tone to To Hell and Black (#251D29) as its darkest. It blends To Hell and Black, Italian Grape, Tempest, Rainy Sidewalk, Fairy Tale Dream and White into a single set you can drop straight into a UI. Of its 15 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #251D29 on #FFFFFF at 16.32:1.
A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.
Color breakdown
To Hell and Black#251D29
RGB
rgb(37, 29, 41)
HSL
hsl(280, 17%, 14%)
Luminance
0.014
Italian Grape#433D4C
RGB
rgb(67, 61, 76)
HSL
hsl(264, 11%, 27%)
Luminance
0.051
Tempest#778299
RGB
rgb(119, 130, 153)
HSL
hsl(221, 14%, 53%)
Luminance
0.222
Rainy Sidewalk#9CAEBB
RGB
rgb(156, 174, 187)
HSL
hsl(205, 19%, 67%)
Luminance
0.409
Fairy Tale Dream#FBCDCD
RGB
rgb(251, 205, 205)
HSL
hsl(0, 85%, 89%)
Luminance
0.686
White#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Contrast & accessibility
6 of 15 color pairings
meet the WCAG AA contrast threshold (4.5:1) for body text.
Aa#251D29 on #FFFFFF16.32:1AAA
Aa#251D29 on #FBCDCD11.44:1AAA
Aa#433D4C on #FFFFFF10.45:1AAA
Aa#433D4C on #FBCDCD7.32:1AAA
Aa#251D29 on #9CAEBB7.14:1AAA
Aa#433D4C on #9CAEBB4.57:1AA
Aa#251D29 on #7782994.23:1AA Large
Aa#778299 on #FFFFFF3.86:1AA Large
Aa#778299 on #FBCDCD2.71:1Fail
Aa#433D4C on #7782992.70:1Fail
Aa#9CAEBB on #FFFFFF2.29:1Fail
Aa#778299 on #9CAEBB1.69:1Fail
Aa#9CAEBB on #FBCDCD1.60:1Fail
Aa#251D29 on #433D4C1.56:1Fail
Aa#FBCDCD on #FFFFFF1.43:1Fail
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
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.