Sign Up Sign Up
Liberty

Liberty

6-color palette · Warm · Mixed · Triadic harmony

Back to Library

Liberty

6-color palette · Warm temperature · Mixed tone · Triadic harmony

Modify
Muted 6 colors Warm Mixed Triadic green red blue 6
Likes 34
Colors 6

CSS variables

:root {
  --c-muted-1: #F9F2FF;
  --c-muted-2: #B2BDC5;
  --c-muted-3: #6E9091;
  --c-muted-4: #6A5757;
  --c-muted-5: #4E2B28;
  --c-muted-6: #101C15;
}

About this palette

This 6-color muted palette runs from Sugar Crystal (#F9F2FF) as its lightest tone to Black Stallion (#101C15) as its darkest. It blends Sugar Crystal, Soothing Breeze, Mineral Blue, Plum Truffle, Rookwood Dark Red and Black Stallion 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 #F9F2FF on #101C15 at 15.99:1.

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

Color breakdown

Sugar Crystal #F9F2FF
RGB
rgb(249, 242, 255)
HSL
hsl(272, 100%, 97%)
Luminance
0.909
Soothing Breeze #B2BDC5
RGB
rgb(178, 189, 197)
HSL
hsl(205, 14%, 74%)
Luminance
0.499
Mineral Blue #6E9091
RGB
rgb(110, 144, 145)
HSL
hsl(182, 14%, 50%)
Luminance
0.253
Plum Truffle #6A5757
RGB
rgb(106, 87, 87)
HSL
hsl(0, 10%, 38%)
Luminance
0.106
Rookwood Dark Red #4E2B28
RGB
rgb(78, 43, 40)
HSL
hsl(5, 32%, 23%)
Luminance
0.035
Black Stallion #101C15
RGB
rgb(16, 28, 21)
HSL
hsl(145, 27%, 9%)
Luminance
0.010

Contrast & accessibility

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

Aa #F9F2FF on #101C15 15.99:1 AAA
Aa #F9F2FF on #4E2B28 11.28:1 AAA
Aa #B2BDC5 on #101C15 9.16:1 AAA
Aa #B2BDC5 on #4E2B28 6.46:1 AA
Aa #F9F2FF on #6A5757 6.16:1 AA
Aa #6E9091 on #101C15 5.06:1 AA
Aa #6E9091 on #4E2B28 3.57:1 AA Large
Aa #B2BDC5 on #6A5757 3.53:1 AA Large
Aa #F9F2FF on #6E9091 3.16:1 AA Large
Aa #6A5757 on #101C15 2.60:1 Fail
Aa #6E9091 on #6A5757 1.95:1 Fail
Aa #6A5757 on #4E2B28 1.83:1 Fail
Aa #B2BDC5 on #6E9091 1.81:1 Fail
Aa #F9F2FF on #B2BDC5 1.75:1 Fail
Aa #4E2B28 on #101C15 1.42:1 Fail

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