Sign Up Sign Up
Logcabin

Logcabin

11-color palette · Warm · Light · Complementary harmony

Back to Library

Logcabin

11-color palette · Warm temperature · Light tone · Complementary harmony

Modify
Vibrant 11 colors Warm Light Complementary artist winter cozy
Likes 50
Colors 11

CSS variables

:root {
  --c-vibrant-1: #73383E;
  --c-vibrant-2: #AD5845;
  --c-vibrant-3: #CF784C;
  --c-vibrant-4: #E8AD80;
  --c-vibrant-5: #F5E5BF;
  --c-vibrant-6: #F7FFED;
  --c-vibrant-7: #B5F5EC;
  --c-vibrant-8: #5BACE3;
  --c-vibrant-9: #636AB8;
  --c-vibrant-10: #574175;
  --c-vibrant-11: #2F2338;
}

About this palette

This 11-color vibrant palette runs from Pearl Powder (#F7FFED) as its lightest tone to Bleached Cedar (#2F2338) as its darkest. It blends Antique Rosewood, Tibetan Orange, Brown Sugar Glaze, Melting Sunset, Scroll of Wisdom, Pearl Powder, Pale King’s Blue, Blue Jeans, Bluish Purple Anemone, When Red Met Blue and Bleached Cedar into a single set you can drop straight into a UI. Of its 55 color pairings, 15 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F7FFED on #2F2338 at 14.44:1.

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

Color breakdown

Antique Rosewood #73383E
RGB
rgb(115, 56, 62)
HSL
hsl(354, 35%, 34%)
Luminance
0.068
Tibetan Orange #AD5845
RGB
rgb(173, 88, 69)
HSL
hsl(11, 43%, 47%)
Luminance
0.163
Brown Sugar Glaze #CF784C
RGB
rgb(207, 120, 76)
HSL
hsl(20, 58%, 55%)
Luminance
0.272
Melting Sunset #E8AD80
RGB
rgb(232, 173, 128)
HSL
hsl(26, 69%, 71%)
Luminance
0.486
Scroll of Wisdom #F5E5BF
RGB
rgb(245, 229, 191)
HSL
hsl(42, 73%, 85%)
Luminance
0.792
Pearl Powder #F7FFED
RGB
rgb(247, 255, 237)
HSL
hsl(87, 100%, 96%)
Luminance
0.974
Pale King’s Blue #B5F5EC
RGB
rgb(181, 245, 236)
HSL
hsl(172, 76%, 84%)
Luminance
0.812
Blue Jeans #5BACE3
RGB
rgb(91, 172, 227)
HSL
hsl(204, 71%, 62%)
Luminance
0.373
Bluish Purple Anemone #636AB8
RGB
rgb(99, 106, 184)
HSL
hsl(235, 37%, 55%)
Luminance
0.164
When Red Met Blue #574175
RGB
rgb(87, 65, 117)
HSL
hsl(265, 29%, 36%)
Luminance
0.071
Bleached Cedar #2F2338
RGB
rgb(47, 35, 56)
HSL
hsl(274, 23%, 18%)
Luminance
0.021

Contrast & accessibility

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

Aa #F7FFED on #2F2338 14.44:1 AAA
Aa #B5F5EC on #2F2338 12.15:1 AAA
Aa #F5E5BF on #2F2338 11.87:1 AAA
Aa #73383E on #F7FFED 8.66:1 AAA
Aa #F7FFED on #574175 8.47:1 AAA
Aa #E8AD80 on #2F2338 7.56:1 AAA
Aa #73383E on #B5F5EC 7.29:1 AAA
Aa #B5F5EC on #574175 7.13:1 AAA
Aa #73383E on #F5E5BF 7.12:1 AAA
Aa #F5E5BF on #574175 6.96:1 AA
Aa #5BACE3 on #2F2338 5.96:1 AA
Aa #AD5845 on #F7FFED 4.81:1 AA
Aa #F7FFED on #636AB8 4.78:1 AA
Aa #CF784C on #2F2338 4.54:1 AA
Aa #73383E on #E8AD80 4.53:1 AA
Aa #E8AD80 on #574175 4.43:1 AA Large
Aa #AD5845 on #B5F5EC 4.05:1 AA Large
Aa #B5F5EC on #636AB8 4.02:1 AA Large
Aa #AD5845 on #F5E5BF 3.95:1 AA Large
Aa #F5E5BF on #636AB8 3.93:1 AA Large
Aa #73383E on #5BACE3 3.58:1 AA Large
Aa #5BACE3 on #574175 3.50:1 AA Large
Aa #CF784C on #F7FFED 3.18:1 AA Large
Aa #636AB8 on #2F2338 3.02:1 AA Large
Aa #AD5845 on #2F2338 3.00:1 AA Large
Aa #73383E on #CF784C 2.73:1 Fail
Aa #CF784C on #B5F5EC 2.67:1 Fail
Aa #CF784C on #574175 2.66:1 Fail
Aa #CF784C on #F5E5BF 2.61:1 Fail
Aa #AD5845 on #E8AD80 2.52:1 Fail
Aa #E8AD80 on #636AB8 2.50:1 Fail
Aa #F7FFED on #5BACE3 2.42:1 Fail
Aa #B5F5EC on #5BACE3 2.04:1 Fail
Aa #AD5845 on #5BACE3 1.99:1 Fail
Aa #F5E5BF on #5BACE3 1.99:1 Fail
Aa #5BACE3 on #636AB8 1.97:1 Fail
Aa #E8AD80 on #F7FFED 1.91:1 Fail
Aa #73383E on #636AB8 1.81:1 Fail
Aa #73383E on #AD5845 1.80:1 Fail
Aa #636AB8 on #574175 1.77:1 Fail
Aa #AD5845 on #574175 1.76:1 Fail
Aa #574175 on #2F2338 1.70:1 Fail
Aa #73383E on #2F2338 1.67:1 Fail
Aa #CF784C on #E8AD80 1.66:1 Fail
Aa #E8AD80 on #B5F5EC 1.61:1 Fail
Aa #E8AD80 on #F5E5BF 1.57:1 Fail
Aa #AD5845 on #CF784C 1.51:1 Fail
Aa #CF784C on #636AB8 1.50:1 Fail
Aa #CF784C on #5BACE3 1.31:1 Fail
Aa #E8AD80 on #5BACE3 1.27:1 Fail
Aa #F5E5BF on #F7FFED 1.22:1 Fail
Aa #F7FFED on #B5F5EC 1.19:1 Fail
Aa #73383E on #574175 1.02:1 Fail
Aa #F5E5BF on #B5F5EC 1.02:1 Fail
Aa #AD5845 on #636AB8 1.01:1 Fail

Similar palettes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colors
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colors
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colors
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colors
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colors
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colors
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colors
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colors