Sign Up Sign Up
Ink Crimson

Ink Crimson

10-color palette · Warm · Dark · Complementary harmony

Back to Library

Ink Crimson

10-color palette · Warm temperature · Dark tone · Complementary harmony

Modify
Muted 10 colors Warm Dark Complementary red blue crimson cyberpunk
Likes 921
Colors 10

CSS variables

:root {
  --c-muted-1: #FF0546;
  --c-muted-2: #9C173B;
  --c-muted-3: #660F31;
  --c-muted-4: #450327;
  --c-muted-5: #270022;
  --c-muted-6: #17001D;
  --c-muted-7: #09010D;
  --c-muted-8: #0CE6F2;
  --c-muted-9: #0098DB;
  --c-muted-10: #1E579C;
}

About this palette

This 10-color muted palette runs from Phosphorescent Blue (#0CE6F2) as its lightest tone to Broken Tube (#09010D) as its darkest. It blends Cherry Soda, Vivid Burgundy, Plum Cheese, Blaze It Dark Magenta, Black Sabbath, Election Night, Broken Tube, Phosphorescent Blue, Atmosphere and Blue Chip into a single set you can drop straight into a UI. Of its 45 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #09010D on #0CE6F2 at 13.33:1.

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

Color breakdown

Cherry Soda #FF0546
RGB
rgb(255, 5, 70)
HSL
hsl(344, 100%, 51%)
Luminance
0.218
Vivid Burgundy #9C173B
RGB
rgb(156, 23, 59)
HSL
hsl(344, 74%, 35%)
Luminance
0.080
Plum Cheese #660F31
RGB
rgb(102, 15, 49)
HSL
hsl(337, 74%, 23%)
Luminance
0.034
Blaze It Dark Magenta #450327
RGB
rgb(69, 3, 39)
HSL
hsl(327, 92%, 14%)
Luminance
0.015
Black Sabbath #270022
RGB
rgb(39, 0, 34)
HSL
hsl(308, 100%, 8%)
Luminance
0.006
Election Night #17001D
RGB
rgb(23, 0, 29)
HSL
hsl(288, 100%, 6%)
Luminance
0.003
Broken Tube #09010D
RGB
rgb(9, 1, 13)
HSL
hsl(280, 86%, 3%)
Luminance
0.001
Phosphorescent Blue #0CE6F2
RGB
rgb(12, 230, 242)
HSL
hsl(183, 91%, 50%)
Luminance
0.631
Atmosphere #0098DB
RGB
rgb(0, 152, 219)
HSL
hsl(198, 100%, 43%)
Luminance
0.276
Blue Chip #1E579C
RGB
rgb(30, 87, 156)
HSL
hsl(213, 68%, 36%)
Luminance
0.095

Contrast & accessibility

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

Aa #09010D on #0CE6F2 13.33:1 AAA
Aa #17001D on #0CE6F2 12.92:1 AAA
Aa #270022 on #0CE6F2 12.27:1 AAA
Aa #450327 on #0CE6F2 10.51:1 AAA
Aa #660F31 on #0CE6F2 8.12:1 AAA
Aa #09010D on #0098DB 6.38:1 AA
Aa #17001D on #0098DB 6.18:1 AA
Aa #270022 on #0098DB 5.87:1 AA
Aa #FF0546 on #09010D 5.25:1 AA
Aa #9C173B on #0CE6F2 5.24:1 AA
Aa #FF0546 on #17001D 5.09:1 AA
Aa #450327 on #0098DB 5.03:1 AA
Aa #FF0546 on #270022 4.83:1 AA
Aa #0CE6F2 on #1E579C 4.70:1 AA
Aa #FF0546 on #450327 4.14:1 AA Large
Aa #660F31 on #0098DB 3.88:1 AA Large
Aa #FF0546 on #660F31 3.20:1 AA Large
Aa #09010D on #1E579C 2.84:1 Fail
Aa #17001D on #1E579C 2.75:1 Fail
Aa #270022 on #1E579C 2.61:1 Fail
Aa #FF0546 on #0CE6F2 2.54:1 Fail
Aa #9C173B on #09010D 2.54:1 Fail
Aa #9C173B on #0098DB 2.51:1 Fail
Aa #9C173B on #17001D 2.47:1 Fail
Aa #9C173B on #270022 2.34:1 Fail
Aa #0098DB on #1E579C 2.25:1 Fail
Aa #450327 on #1E579C 2.24:1 Fail
Aa #0CE6F2 on #0098DB 2.09:1 Fail
Aa #FF0546 on #9C173B 2.06:1 Fail
Aa #9C173B on #450327 2.01:1 Fail
Aa #FF0546 on #1E579C 1.85:1 Fail
Aa #660F31 on #1E579C 1.73:1 Fail
Aa #660F31 on #09010D 1.64:1 Fail
Aa #660F31 on #17001D 1.59:1 Fail
Aa #9C173B on #660F31 1.55:1 Fail
Aa #660F31 on #270022 1.51:1 Fail
Aa #660F31 on #450327 1.30:1 Fail
Aa #450327 on #09010D 1.27:1 Fail
Aa #450327 on #17001D 1.23:1 Fail
Aa #FF0546 on #0098DB 1.21:1 Fail
Aa #450327 on #270022 1.17:1 Fail
Aa #9C173B on #1E579C 1.12:1 Fail
Aa #270022 on #09010D 1.09:1 Fail
Aa #270022 on #17001D 1.05:1 Fail
Aa #17001D on #09010D 1.03:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000
4 colors
#E23E57 #88304E #522546 #311D3F
4 colors
#FF204E #A0153E #5D0E41 #00224D
4 colors
#030637 #3C0753 #720455 #910A67
4 colors
#1C0A00 #361500 #603601 #CC9544
4 colors
#252525 #FF0000 #AF0404 #414141
4 colors
#362222 #171010 #423F3E #2B2B2B
4 colors
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colors