Sign Up Sign Up
Art Hoe Aesthetic 7

Art Hoe Aesthetic 7

7-color palette · Cool · Mixed · Complementary harmony

Back to Library

Art Hoe Aesthetic 7

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

Modify
Earthy 7 colors Cool Mixed Complementary 7 blue yellow aesthetic
Likes 10
Colors 7

CSS variables

:root {
  --c-earthy-1: #282A2A;
  --c-earthy-2: #544D46;
  --c-earthy-3: #DFD076;
  --c-earthy-4: #FFF399;
  --c-earthy-5: #CEFDFF;
  --c-earthy-6: #7FA3AC;
  --c-earthy-7: #2F4858;
}

About this palette

This 7-color earthy palette runs from Pale Blue (#CEFDFF) as its lightest tone to Chromaphobic Black (#282A2A) as its darkest. It blends Chromaphobic Black, Barnwood, Sand Pyramid, Goldilocks, Pale Blue, Ziggurat and Blue Wing Teal into a single set you can drop straight into a UI. Of its 21 color pairings, 10 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #282A2A on #CEFDFF at 13.14:1.

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

Color breakdown

Chromaphobic Black #282A2A
RGB
rgb(40, 42, 42)
HSL
hsl(180, 2%, 16%)
Luminance
0.023
Barnwood #544D46
RGB
rgb(84, 77, 70)
HSL
hsl(30, 9%, 30%)
Luminance
0.076
Sand Pyramid #DFD076
RGB
rgb(223, 208, 118)
HSL
hsl(51, 62%, 67%)
Luminance
0.621
Goldilocks #FFF399
RGB
rgb(255, 243, 153)
HSL
hsl(53, 100%, 80%)
Luminance
0.877
Pale Blue #CEFDFF
RGB
rgb(206, 253, 255)
HSL
hsl(182, 100%, 90%)
Luminance
0.906
Ziggurat #7FA3AC
RGB
rgb(127, 163, 172)
HSL
hsl(192, 21%, 59%)
Luminance
0.337
Blue Wing Teal #2F4858
RGB
rgb(47, 72, 88)
HSL
hsl(203, 30%, 26%)
Luminance
0.059

Contrast & accessibility

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

Aa #282A2A on #CEFDFF 13.14:1 AAA
Aa #282A2A on #FFF399 12.74:1 AAA
Aa #282A2A on #DFD076 9.23:1 AAA
Aa #CEFDFF on #2F4858 8.73:1 AAA
Aa #FFF399 on #2F4858 8.47:1 AAA
Aa #544D46 on #CEFDFF 7.57:1 AAA
Aa #544D46 on #FFF399 7.33:1 AAA
Aa #DFD076 on #2F4858 6.13:1 AA
Aa #282A2A on #7FA3AC 5.32:1 AA
Aa #544D46 on #DFD076 5.31:1 AA
Aa #7FA3AC on #2F4858 3.53:1 AA Large
Aa #544D46 on #7FA3AC 3.06:1 AA Large
Aa #CEFDFF on #7FA3AC 2.47:1 Fail
Aa #FFF399 on #7FA3AC 2.40:1 Fail
Aa #282A2A on #544D46 1.74:1 Fail
Aa #DFD076 on #7FA3AC 1.73:1 Fail
Aa #282A2A on #2F4858 1.50:1 Fail
Aa #DFD076 on #CEFDFF 1.42:1 Fail
Aa #DFD076 on #FFF399 1.38:1 Fail
Aa #544D46 on #2F4858 1.15:1 Fail
Aa #FFF399 on #CEFDFF 1.03:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors