Sign Up Sign Up
Taliwan

Taliwan

10-color palette · Warm · Mixed · Analogous harmony

Back to Library

Taliwan

10-color palette · Warm temperature · Mixed tone · Analogous harmony

Modify
Vibrant 10 colors Warm Mixed Analogous pink purple cute yellow
Likes 284
Colors 10

CSS variables

:root {
  --c-vibrant-1: #F2EEF1;
  --c-vibrant-2: #FFA7BF;
  --c-vibrant-3: #EC7D9B;
  --c-vibrant-4: #E64667;
  --c-vibrant-5: #A02552;
  --c-vibrant-6: #75024D;
  --c-vibrant-7: #2C0F30;
  --c-vibrant-8: #E18434;
  --c-vibrant-9: #FFA01B;
  --c-vibrant-10: #FFBD20;
}

About this palette

This 10-color vibrant palette runs from Precious Pearls (#F2EEF1) as its lightest tone to Dark Prom Queen (#2C0F30) as its darkest. It blends Precious Pearls, Amélie’s Tutu, Pink Carnation, Rouge Red, Cherries Jubilee, Velvet, Dark Prom Queen, Kanafeh, Phoenix Flames and Incandescence into a single set you can drop straight into a UI. Of its 45 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F2EEF1 on #2C0F30 at 15:1.

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

Color breakdown

Precious Pearls #F2EEF1
RGB
rgb(242, 238, 241)
HSL
hsl(315, 13%, 94%)
Luminance
0.864
Amélie’s Tutu #FFA7BF
RGB
rgb(255, 167, 191)
HSL
hsl(344, 100%, 83%)
Luminance
0.527
Pink Carnation #EC7D9B
RGB
rgb(236, 125, 155)
HSL
hsl(344, 74%, 71%)
Luminance
0.349
Rouge Red #E64667
RGB
rgb(230, 70, 103)
HSL
hsl(348, 76%, 59%)
Luminance
0.222
Cherries Jubilee #A02552
RGB
rgb(160, 37, 82)
HSL
hsl(338, 62%, 39%)
Luminance
0.094
Velvet #75024D
RGB
rgb(117, 2, 77)
HSL
hsl(321, 97%, 23%)
Luminance
0.044
Dark Prom Queen #2C0F30
RGB
rgb(44, 15, 48)
HSL
hsl(293, 52%, 12%)
Luminance
0.011
Kanafeh #E18434
RGB
rgb(225, 132, 52)
HSL
hsl(28, 74%, 54%)
Luminance
0.328
Phoenix Flames #FFA01B
RGB
rgb(255, 160, 27)
HSL
hsl(35, 100%, 55%)
Luminance
0.465
Incandescence #FFBD20
RGB
rgb(255, 189, 32)
HSL
hsl(42, 100%, 56%)
Luminance
0.578

Contrast & accessibility

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

Aa #F2EEF1 on #2C0F30 15.00:1 AAA
Aa #2C0F30 on #FFBD20 10.30:1 AAA
Aa #F2EEF1 on #75024D 9.76:1 AAA
Aa #FFA7BF on #2C0F30 9.47:1 AAA
Aa #2C0F30 on #FFA01B 8.45:1 AAA
Aa #75024D on #FFBD20 6.70:1 AA
Aa #EC7D9B on #2C0F30 6.55:1 AA
Aa #F2EEF1 on #A02552 6.34:1 AA
Aa #2C0F30 on #E18434 6.20:1 AA
Aa #FFA7BF on #75024D 6.16:1 AA
Aa #75024D on #FFA01B 5.50:1 AA
Aa #E64667 on #2C0F30 4.46:1 AA Large
Aa #A02552 on #FFBD20 4.36:1 AA Large
Aa #EC7D9B on #75024D 4.26:1 AA Large
Aa #75024D on #E18434 4.03:1 AA Large
Aa #FFA7BF on #A02552 4.00:1 AA Large
Aa #A02552 on #FFA01B 3.57:1 AA Large
Aa #F2EEF1 on #E64667 3.36:1 AA Large
Aa #E64667 on #75024D 2.90:1 Fail
Aa #EC7D9B on #A02552 2.77:1 Fail
Aa #A02552 on #E18434 2.62:1 Fail
Aa #F2EEF1 on #E18434 2.42:1 Fail
Aa #A02552 on #2C0F30 2.37:1 Fail
Aa #E64667 on #FFBD20 2.31:1 Fail
Aa #F2EEF1 on #EC7D9B 2.29:1 Fail
Aa #FFA7BF on #E64667 2.12:1 Fail
Aa #E64667 on #A02552 1.89:1 Fail
Aa #E64667 on #FFA01B 1.89:1 Fail
Aa #F2EEF1 on #FFA01B 1.77:1 Fail
Aa #E18434 on #FFBD20 1.66:1 Fail
Aa #F2EEF1 on #FFA7BF 1.58:1 Fail
Aa #EC7D9B on #FFBD20 1.57:1 Fail
Aa #A02552 on #75024D 1.54:1 Fail
Aa #75024D on #2C0F30 1.54:1 Fail
Aa #FFA7BF on #E18434 1.53:1 Fail
Aa #EC7D9B on #E64667 1.47:1 Fail
Aa #F2EEF1 on #FFBD20 1.46:1 Fail
Aa #FFA7BF on #EC7D9B 1.45:1 Fail
Aa #E64667 on #E18434 1.39:1 Fail
Aa #E18434 on #FFA01B 1.36:1 Fail
Aa #EC7D9B on #FFA01B 1.29:1 Fail
Aa #FFA01B on #FFBD20 1.22:1 Fail
Aa #FFA7BF on #FFA01B 1.12:1 Fail
Aa #FFA7BF on #FFBD20 1.09:1 Fail
Aa #EC7D9B on #E18434 1.06: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