Sign Up Sign Up
Blueberry Vanilla

Blueberry Vanilla

6-color palette · Warm · Mixed · Analogous harmony

Back to Library

Blueberry Vanilla

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

Modify
Earthy 6 colors Warm Mixed Analogous monoramp white monochrome purple
Likes 71
Colors 6

CSS variables

:root {
  --c-earthy-1: #F5F5F5;
  --c-earthy-2: #E7D5E2;
  --c-earthy-3: #D6AEDD;
  --c-earthy-4: #8C72A4;
  --c-earthy-5: #522546;
  --c-earthy-6: #3F1D2C;
}

About this palette

This 6-color earthy palette runs from White Smoke (#F5F5F5) as its lightest tone to Blackberry (#3F1D2C) as its darkest. It blends White Smoke, Joyful Lilac, Whisper of Plum, Babiana, Murasaki and Blackberry into a single set you can drop straight into a UI. Of its 15 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F5F5F5 on #3F1D2C at 13.53:1.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.

Color breakdown

White Smoke #F5F5F5
RGB
rgb(245, 245, 245)
HSL
hsl(0, 0%, 96%)
Luminance
0.913
Joyful Lilac #E7D5E2
RGB
rgb(231, 213, 226)
HSL
hsl(317, 27%, 87%)
Luminance
0.701
Whisper of Plum #D6AEDD
RGB
rgb(214, 174, 221)
HSL
hsl(291, 41%, 77%)
Luminance
0.498
Babiana #8C72A4
RGB
rgb(140, 114, 164)
HSL
hsl(271, 22%, 55%)
Luminance
0.203
Murasaki #522546
RGB
rgb(82, 37, 70)
HSL
hsl(316, 38%, 23%)
Luminance
0.036
Blackberry #3F1D2C
RGB
rgb(63, 29, 44)
HSL
hsl(334, 37%, 18%)
Luminance
0.021

Contrast & accessibility

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

Aa #F5F5F5 on #3F1D2C 13.53:1 AAA
Aa #F5F5F5 on #522546 11.25:1 AAA
Aa #E7D5E2 on #3F1D2C 10.55:1 AAA
Aa #E7D5E2 on #522546 8.77:1 AAA
Aa #D6AEDD on #3F1D2C 7.70:1 AAA
Aa #D6AEDD on #522546 6.40:1 AA
Aa #F5F5F5 on #8C72A4 3.81:1 AA Large
Aa #8C72A4 on #3F1D2C 3.55:1 AA Large
Aa #E7D5E2 on #8C72A4 2.97:1 Fail
Aa #8C72A4 on #522546 2.95:1 Fail
Aa #D6AEDD on #8C72A4 2.17:1 Fail
Aa #F5F5F5 on #D6AEDD 1.76:1 Fail
Aa #E7D5E2 on #D6AEDD 1.37:1 Fail
Aa #F5F5F5 on #E7D5E2 1.28:1 Fail
Aa #522546 on #3F1D2C 1.20: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