Sign Up Sign Up
CafeArisuki

CafeArisuki

10-color palette · Warm · Mixed · Analogous harmony

Back to Library

CafeArisuki

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

Modify
Vibrant 10 colors Warm Mixed Analogous pastel food fydotiles pastry
Likes 36
Colors 10

CSS variables

:root {
  --c-vibrant-1: #49223F;
  --c-vibrant-2: #CC2B46;
  --c-vibrant-3: #F37E7E;
  --c-vibrant-4: #E7A794;
  --c-vibrant-5: #FBF1D1;
  --c-vibrant-6: #F6CDA3;
  --c-vibrant-7: #CA833C;
  --c-vibrant-8: #8A4646;
  --c-vibrant-9: #538F5A;
  --c-vibrant-10: #B4ACCC;
}

About this palette

This 10-color vibrant palette runs from Picture Perfect (#FBF1D1) as its lightest tone to Prestige Mauve (#49223F) as its darkest. It blends Prestige Mauve, Demonic Kiss, Meat, Ageless Beauty, Picture Perfect, Lion Cub, Peru, Forbidden Red, Middle Green and Lavender Dream into a single set you can drop straight into a UI. Of its 45 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #49223F on #FBF1D1 at 11.75:1.

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

Color breakdown

Prestige Mauve #49223F
RGB
rgb(73, 34, 63)
HSL
hsl(315, 36%, 21%)
Luminance
0.029
Demonic Kiss #CC2B46
RGB
rgb(204, 43, 70)
HSL
hsl(350, 65%, 48%)
Luminance
0.150
Meat #F37E7E
RGB
rgb(243, 126, 126)
HSL
hsl(0, 83%, 72%)
Luminance
0.355
Ageless Beauty #E7A794
RGB
rgb(231, 167, 148)
HSL
hsl(14, 63%, 74%)
Luminance
0.468
Picture Perfect #FBF1D1
RGB
rgb(251, 241, 209)
HSL
hsl(46, 84%, 90%)
Luminance
0.880
Lion Cub #F6CDA3
RGB
rgb(246, 205, 163)
HSL
hsl(30, 82%, 80%)
Luminance
0.659
Peru #CA833C
RGB
rgb(202, 131, 60)
HSL
hsl(30, 57%, 51%)
Luminance
0.291
Forbidden Red #8A4646
RGB
rgb(138, 70, 70)
HSL
hsl(0, 33%, 41%)
Luminance
0.102
Middle Green #538F5A
RGB
rgb(83, 143, 90)
HSL
hsl(127, 27%, 44%)
Luminance
0.222
Lavender Dream #B4ACCC
RGB
rgb(180, 172, 204)
HSL
hsl(255, 24%, 74%)
Luminance
0.436

Contrast & accessibility

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

Aa #49223F on #FBF1D1 11.75:1 AAA
Aa #49223F on #F6CDA3 8.95:1 AAA
Aa #49223F on #E7A794 6.54:1 AA
Aa #49223F on #B4ACCC 6.13:1 AA
Aa #FBF1D1 on #8A4646 6.11:1 AA
Aa #49223F on #F37E7E 5.11:1 AA
Aa #F6CDA3 on #8A4646 4.66:1 AA
Aa #CC2B46 on #FBF1D1 4.65:1 AA
Aa #49223F on #CA833C 4.31:1 AA Large
Aa #CC2B46 on #F6CDA3 3.54:1 AA Large
Aa #49223F on #538F5A 3.44:1 AA Large
Aa #FBF1D1 on #538F5A 3.42:1 AA Large
Aa #E7A794 on #8A4646 3.40:1 AA Large
Aa #8A4646 on #B4ACCC 3.19:1 AA Large
Aa #FBF1D1 on #CA833C 2.73:1 Fail
Aa #F37E7E on #8A4646 2.66:1 Fail
Aa #F6CDA3 on #538F5A 2.60:1 Fail
Aa #CC2B46 on #E7A794 2.59:1 Fail
Aa #49223F on #CC2B46 2.53:1 Fail
Aa #CC2B46 on #B4ACCC 2.43:1 Fail
Aa #F37E7E on #FBF1D1 2.30:1 Fail
Aa #CA833C on #8A4646 2.24:1 Fail
Aa #F6CDA3 on #CA833C 2.08:1 Fail
Aa #CC2B46 on #F37E7E 2.02:1 Fail
Aa #49223F on #8A4646 1.92:1 Fail
Aa #FBF1D1 on #B4ACCC 1.92:1 Fail
Aa #E7A794 on #538F5A 1.90:1 Fail
Aa #E7A794 on #FBF1D1 1.80:1 Fail
Aa #8A4646 on #538F5A 1.79:1 Fail
Aa #538F5A on #B4ACCC 1.78:1 Fail
Aa #F37E7E on #F6CDA3 1.75:1 Fail
Aa #CC2B46 on #CA833C 1.71:1 Fail
Aa #E7A794 on #CA833C 1.52:1 Fail
Aa #F37E7E on #538F5A 1.49:1 Fail
Aa #F6CDA3 on #B4ACCC 1.46:1 Fail
Aa #CA833C on #B4ACCC 1.42:1 Fail
Aa #E7A794 on #F6CDA3 1.37:1 Fail
Aa #CC2B46 on #538F5A 1.36:1 Fail
Aa #CC2B46 on #8A4646 1.31:1 Fail
Aa #FBF1D1 on #F6CDA3 1.31:1 Fail
Aa #F37E7E on #E7A794 1.28:1 Fail
Aa #CA833C on #538F5A 1.25:1 Fail
Aa #F37E7E on #B4ACCC 1.20:1 Fail
Aa #F37E7E on #CA833C 1.19:1 Fail
Aa #E7A794 on #B4ACCC 1.07: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