Sign Up Sign Up
Mini 7

Mini 7

7-color palette · Warm · Mixed · Complementary harmony

Back to Library

Mini 7

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

Modify
Earthy 7 colors Warm Mixed Complementary artist minisoniczx
Likes 41
Colors 7

CSS variables

:root {
  --c-earthy-1: #30303D;
  --c-earthy-2: #5564A0;
  --c-earthy-3: #61B7AC;
  --c-earthy-4: #EDE4DA;
  --c-earthy-5: #F7B33D;
  --c-earthy-6: #EA6E48;
  --c-earthy-7: #818747;
}

About this palette

This 7-color earthy palette runs from Soapstone (#EDE4DA) as its lightest tone to Salute (#30303D) as its darkest. It blends Salute, Electrify, Bath Turquoise, Soapstone, Squash Blossom, Aurora Orange and Drab into a single set you can drop straight into a UI. Of its 21 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #30303D on #EDE4DA at 10.34:1.

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

Color breakdown

Salute #30303D
RGB
rgb(48, 48, 61)
HSL
hsl(240, 12%, 21%)
Luminance
0.031
Electrify #5564A0
RGB
rgb(85, 100, 160)
HSL
hsl(228, 31%, 48%)
Luminance
0.136
Bath Turquoise #61B7AC
RGB
rgb(97, 183, 172)
HSL
hsl(172, 37%, 55%)
Luminance
0.394
Soapstone #EDE4DA
RGB
rgb(237, 228, 218)
HSL
hsl(32, 35%, 89%)
Luminance
0.786
Squash Blossom #F7B33D
RGB
rgb(247, 179, 61)
HSL
hsl(38, 92%, 60%)
Luminance
0.524
Aurora Orange #EA6E48
RGB
rgb(234, 110, 72)
HSL
hsl(14, 79%, 60%)
Luminance
0.291
Drab #818747
RGB
rgb(129, 135, 71)
HSL
hsl(66, 31%, 40%)
Luminance
0.225

Contrast & accessibility

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

Aa #30303D on #EDE4DA 10.34:1 AAA
Aa #30303D on #F7B33D 7.10:1 AAA
Aa #30303D on #61B7AC 5.49:1 AA
Aa #5564A0 on #EDE4DA 4.50:1 AA
Aa #30303D on #EA6E48 4.22:1 AA Large
Aa #30303D on #818747 3.40:1 AA Large
Aa #5564A0 on #F7B33D 3.09:1 AA Large
Aa #EDE4DA on #818747 3.04:1 AA Large
Aa #EDE4DA on #EA6E48 2.45:1 Fail
Aa #5564A0 on #61B7AC 2.39:1 Fail
Aa #30303D on #5564A0 2.30:1 Fail
Aa #F7B33D on #818747 2.09:1 Fail
Aa #61B7AC on #EDE4DA 1.88:1 Fail
Aa #5564A0 on #EA6E48 1.84:1 Fail
Aa #F7B33D on #EA6E48 1.68:1 Fail
Aa #61B7AC on #818747 1.62:1 Fail
Aa #5564A0 on #818747 1.48:1 Fail
Aa #EDE4DA on #F7B33D 1.46:1 Fail
Aa #61B7AC on #EA6E48 1.30:1 Fail
Aa #61B7AC on #F7B33D 1.29:1 Fail
Aa #EA6E48 on #818747 1.24: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