Sign Up Sign Up
70s Zine

70s Zine

11-color palette · Warm · Mixed · Complementary harmony

Back to Library

70s Zine

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

Modify
Vibrant 11 colors Warm Mixed Complementary polyducks print vintage
Likes 266
Colors 11

CSS variables

:root {
  --c-vibrant-1: #1E1610;
  --c-vibrant-2: #D3AD8B;
  --c-vibrant-3: #FCCE8D;
  --c-vibrant-4: #F3EDE3;
  --c-vibrant-5: #F95142;
  --c-vibrant-6: #FF8F46;
  --c-vibrant-7: #F2BB4E;
  --c-vibrant-8: #84A3A5;
  --c-vibrant-9: #4D7C71;
  --c-vibrant-10: #405987;
  --c-vibrant-11: #1F2F49;
}

About this palette

This 11-color vibrant palette runs from Flurries (#F3EDE3) as its lightest tone to Nightshade Berries (#1E1610) as its darkest. It blends Nightshade Berries, Cheddar Biscuit, Puff Pastry Yellow, Flurries, Ogre Odour, Orangish, Maximum Yellow Red, Tourmaline, Azurite Water Green, True Navy and Manganese Black 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 #1E1610 on #F3EDE3 at 15.32:1.

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

Color breakdown

Nightshade Berries #1E1610
RGB
rgb(30, 22, 16)
HSL
hsl(26, 30%, 9%)
Luminance
0.009
Cheddar Biscuit #D3AD8B
RGB
rgb(211, 173, 139)
HSL
hsl(28, 45%, 69%)
Luminance
0.456
Puff Pastry Yellow #FCCE8D
RGB
rgb(252, 206, 141)
HSL
hsl(35, 95%, 77%)
Luminance
0.668
Flurries #F3EDE3
RGB
rgb(243, 237, 227)
HSL
hsl(38, 40%, 92%)
Luminance
0.852
Ogre Odour #F95142
RGB
rgb(249, 81, 66)
HSL
hsl(5, 94%, 62%)
Luminance
0.264
Orangish #FF8F46
RGB
rgb(255, 143, 70)
HSL
hsl(24, 100%, 64%)
Luminance
0.414
Maximum Yellow Red #F2BB4E
RGB
rgb(242, 187, 78)
HSL
hsl(40, 86%, 63%)
Luminance
0.550
Tourmaline #84A3A5
RGB
rgb(132, 163, 165)
HSL
hsl(184, 15%, 58%)
Luminance
0.338
Azurite Water Green #4D7C71
RGB
rgb(77, 124, 113)
HSL
hsl(166, 23%, 39%)
Luminance
0.172
True Navy #405987
RGB
rgb(64, 89, 135)
HSL
hsl(219, 36%, 39%)
Luminance
0.100
Manganese Black #1F2F49
RGB
rgb(31, 47, 73)
HSL
hsl(217, 40%, 20%)
Luminance
0.028

Contrast & accessibility

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

Aa #1E1610 on #F3EDE3 15.32:1 AAA
Aa #1E1610 on #FCCE8D 12.19:1 AAA
Aa #F3EDE3 on #1F2F49 11.55:1 AAA
Aa #1E1610 on #F2BB4E 10.19:1 AAA
Aa #FCCE8D on #1F2F49 9.19:1 AAA
Aa #1E1610 on #D3AD8B 8.59:1 AAA
Aa #1E1610 on #FF8F46 7.87:1 AAA
Aa #F2BB4E on #1F2F49 7.68:1 AAA
Aa #1E1610 on #84A3A5 6.59:1 AA
Aa #D3AD8B on #1F2F49 6.48:1 AA
Aa #F3EDE3 on #405987 6.02:1 AA
Aa #FF8F46 on #1F2F49 5.94:1 AA
Aa #1E1610 on #F95142 5.34:1 AA
Aa #84A3A5 on #1F2F49 4.97:1 AA
Aa #FCCE8D on #405987 4.79:1 AA
Aa #F3EDE3 on #4D7C71 4.06:1 AA Large
Aa #F95142 on #1F2F49 4.03:1 AA Large
Aa #F2BB4E on #405987 4.00:1 AA Large
Aa #1E1610 on #4D7C71 3.77:1 AA Large
Aa #D3AD8B on #405987 3.38:1 AA Large
Aa #FCCE8D on #4D7C71 3.23:1 AA Large
Aa #FF8F46 on #405987 3.09:1 AA Large
Aa #F3EDE3 on #F95142 2.87:1 Fail
Aa #4D7C71 on #1F2F49 2.84:1 Fail
Aa #F2BB4E on #4D7C71 2.70:1 Fail
Aa #84A3A5 on #405987 2.59:1 Fail
Aa #1E1610 on #405987 2.55:1 Fail
Aa #F3EDE3 on #84A3A5 2.32:1 Fail
Aa #D3AD8B on #4D7C71 2.28:1 Fail
Aa #FCCE8D on #F95142 2.28:1 Fail
Aa #F95142 on #405987 2.10:1 Fail
Aa #FF8F46 on #4D7C71 2.09:1 Fail
Aa #F3EDE3 on #FF8F46 1.95:1 Fail
Aa #405987 on #1F2F49 1.92:1 Fail
Aa #F95142 on #F2BB4E 1.91:1 Fail
Aa #FCCE8D on #84A3A5 1.85:1 Fail
Aa #D3AD8B on #F3EDE3 1.78:1 Fail
Aa #84A3A5 on #4D7C71 1.75:1 Fail
Aa #D3AD8B on #F95142 1.61:1 Fail
Aa #FCCE8D on #FF8F46 1.55:1 Fail
Aa #F2BB4E on #84A3A5 1.54:1 Fail
Aa #F3EDE3 on #F2BB4E 1.50:1 Fail
Aa #F95142 on #FF8F46 1.48:1 Fail
Aa #4D7C71 on #405987 1.48:1 Fail
Aa #D3AD8B on #FCCE8D 1.42:1 Fail
Aa #F95142 on #4D7C71 1.42:1 Fail
Aa #1E1610 on #1F2F49 1.33:1 Fail
Aa #D3AD8B on #84A3A5 1.30:1 Fail
Aa #FF8F46 on #F2BB4E 1.29:1 Fail
Aa #FCCE8D on #F3EDE3 1.26:1 Fail
Aa #F95142 on #84A3A5 1.24:1 Fail
Aa #FCCE8D on #F2BB4E 1.20:1 Fail
Aa #D3AD8B on #F2BB4E 1.19:1 Fail
Aa #FF8F46 on #84A3A5 1.19:1 Fail
Aa #D3AD8B on #FF8F46 1.09: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