Sign Up Sign Up
Tritaruzi

Tritaruzi

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

Tritaruzi

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

Modify
Vibrant 8 colors Warm Mixed Complementary green red tritanopia ruzikb
Likes 15
Colors 8

CSS variables

:root {
  --c-vibrant-1: #27000A;
  --c-vibrant-2: #7D057A;
  --c-vibrant-3: #E60D28;
  --c-vibrant-4: #F09CC7;
  --c-vibrant-5: #F2E1E6;
  --c-vibrant-6: #C7F37B;
  --c-vibrant-7: #3CCF0C;
  --c-vibrant-8: #017756;
}

About this palette

This 8-color vibrant palette runs from Pink Proposal (#F2E1E6) as its lightest tone to Belladonna (#27000A) as its darkest. It blends Belladonna, Philippine Violet, Xiān Hóng Red, Be My Valentine, Pink Proposal, Cucumber Milk, Candy Green and Victoria Peak into a single set you can drop straight into a UI. Of its 28 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #27000A on #F2E1E6 at 15.3:1.

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

Color breakdown

Belladonna #27000A
RGB
rgb(39, 0, 10)
HSL
hsl(345, 100%, 8%)
Luminance
0.005
Philippine Violet #7D057A
RGB
rgb(125, 5, 122)
HSL
hsl(302, 92%, 25%)
Luminance
0.059
Xiān Hóng Red #E60D28
RGB
rgb(230, 13, 40)
HSL
hsl(353, 89%, 48%)
Luminance
0.173
Be My Valentine #F09CC7
RGB
rgb(240, 156, 199)
HSL
hsl(329, 74%, 78%)
Luminance
0.464
Pink Proposal #F2E1E6
RGB
rgb(242, 225, 230)
HSL
hsl(342, 40%, 92%)
Luminance
0.784
Cucumber Milk #C7F37B
RGB
rgb(199, 243, 123)
HSL
hsl(82, 83%, 72%)
Luminance
0.777
Candy Green #3CCF0C
RGB
rgb(60, 207, 12)
HSL
hsl(105, 89%, 43%)
Luminance
0.456
Victoria Peak #017756
RGB
rgb(1, 119, 86)
HSL
hsl(163, 98%, 24%)
Luminance
0.139

Contrast & accessibility

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

Aa #27000A on #F2E1E6 15.30:1 AAA
Aa #27000A on #C7F37B 15.16:1 AAA
Aa #27000A on #F09CC7 9.43:1 AAA
Aa #27000A on #3CCF0C 9.28:1 AAA
Aa #7D057A on #F2E1E6 7.67:1 AAA
Aa #7D057A on #C7F37B 7.60:1 AAA
Aa #7D057A on #F09CC7 4.73:1 AA
Aa #7D057A on #3CCF0C 4.65:1 AA
Aa #F2E1E6 on #017756 4.42:1 AA Large
Aa #C7F37B on #017756 4.38:1 AA Large
Aa #27000A on #E60D28 4.08:1 AA Large
Aa #E60D28 on #F2E1E6 3.75:1 AA Large
Aa #E60D28 on #C7F37B 3.71:1 AA Large
Aa #27000A on #017756 3.46:1 AA Large
Aa #F09CC7 on #017756 2.72:1 Fail
Aa #3CCF0C on #017756 2.68:1 Fail
Aa #E60D28 on #F09CC7 2.31:1 Fail
Aa #E60D28 on #3CCF0C 2.27:1 Fail
Aa #7D057A on #E60D28 2.05:1 Fail
Aa #27000A on #7D057A 1.99:1 Fail
Aa #7D057A on #017756 1.74:1 Fail
Aa #F2E1E6 on #3CCF0C 1.65:1 Fail
Aa #C7F37B on #3CCF0C 1.63:1 Fail
Aa #F09CC7 on #F2E1E6 1.62:1 Fail
Aa #F09CC7 on #C7F37B 1.61:1 Fail
Aa #E60D28 on #017756 1.18:1 Fail
Aa #F09CC7 on #3CCF0C 1.02:1 Fail
Aa #F2E1E6 on #C7F37B 1.01: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