Sign Up Sign Up
Ponder

Ponder

11-color palette · Cool · Mixed · Complementary harmony

Back to Library

Ponder

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

Modify
Earthy 11 colors Cool Mixed Complementary ponder orb meme
Likes 52
Colors 11

CSS variables

:root {
  --c-earthy-1: #342020;
  --c-earthy-2: #6D505E;
  --c-earthy-3: #985A78;
  --c-earthy-4: #847DB5;
  --c-earthy-5: #69B1D6;
  --c-earthy-6: #94C6E1;
  --c-earthy-7: #D1F7FF;
  --c-earthy-8: #FFFFFF;
  --c-earthy-9: #83DBFD;
  --c-earthy-10: #2AA5C1;
  --c-earthy-11: #1B6071;
}

About this palette

This 11-color earthy palette runs from White (#FFFFFF) as its lightest tone to Hornblende (#342020) as its darkest. It blends Hornblende, Dynamic, Rose Wine, Murex, Skyscape, Caribbean Coast, Pale Blue, White, Tranquil Pool, Gulf Waters and Deep Blue Sea into a single set you can drop straight into a UI. Of its 55 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #342020 on #FFFFFF at 15.29:1.

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

Color breakdown

Hornblende #342020
RGB
rgb(52, 32, 32)
HSL
hsl(0, 24%, 16%)
Luminance
0.019
Dynamic #6D505E
RGB
rgb(109, 80, 94)
HSL
hsl(331, 15%, 37%)
Luminance
0.098
Rose Wine #985A78
RGB
rgb(152, 90, 120)
HSL
hsl(331, 26%, 47%)
Luminance
0.153
Murex #847DB5
RGB
rgb(132, 125, 181)
HSL
hsl(248, 27%, 60%)
Luminance
0.229
Skyscape #69B1D6
RGB
rgb(105, 177, 214)
HSL
hsl(200, 57%, 63%)
Luminance
0.393
Caribbean Coast #94C6E1
RGB
rgb(148, 198, 225)
HSL
hsl(201, 56%, 73%)
Luminance
0.521
Pale Blue #D1F7FF
RGB
rgb(209, 247, 255)
HSL
hsl(190, 100%, 91%)
Luminance
0.873
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Tranquil Pool #83DBFD
RGB
rgb(131, 219, 253)
HSL
hsl(197, 97%, 75%)
Luminance
0.626
Gulf Waters #2AA5C1
RGB
rgb(42, 165, 193)
HSL
hsl(191, 64%, 46%)
Luminance
0.313
Deep Blue Sea #1B6071
RGB
rgb(27, 96, 113)
HSL
hsl(192, 61%, 27%)
Luminance
0.098

Contrast & accessibility

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

Aa #342020 on #FFFFFF 15.29:1 AAA
Aa #342020 on #D1F7FF 13.44:1 AAA
Aa #342020 on #83DBFD 9.84:1 AAA
Aa #342020 on #94C6E1 8.32:1 AAA
Aa #6D505E on #FFFFFF 7.10:1 AAA
Aa #FFFFFF on #1B6071 7.10:1 AAA
Aa #342020 on #69B1D6 6.45:1 AA
Aa #6D505E on #D1F7FF 6.24:1 AA
Aa #D1F7FF on #1B6071 6.24:1 AA
Aa #342020 on #2AA5C1 5.28:1 AA
Aa #985A78 on #FFFFFF 5.16:1 AA
Aa #6D505E on #83DBFD 4.57:1 AA
Aa #83DBFD on #1B6071 4.57:1 AA
Aa #985A78 on #D1F7FF 4.54:1 AA
Aa #342020 on #847DB5 4.06:1 AA Large
Aa #6D505E on #94C6E1 3.86:1 AA Large
Aa #94C6E1 on #1B6071 3.86:1 AA Large
Aa #847DB5 on #FFFFFF 3.76:1 AA Large
Aa #985A78 on #83DBFD 3.32:1 AA Large
Aa #847DB5 on #D1F7FF 3.31:1 AA Large
Aa #69B1D6 on #1B6071 3.00:1 AA Large
Aa #6D505E on #69B1D6 2.99:1 Fail
Aa #342020 on #985A78 2.96:1 Fail
Aa #FFFFFF on #2AA5C1 2.90:1 Fail
Aa #985A78 on #94C6E1 2.81:1 Fail
Aa #D1F7FF on #2AA5C1 2.55:1 Fail
Aa #6D505E on #2AA5C1 2.45:1 Fail
Aa #2AA5C1 on #1B6071 2.45:1 Fail
Aa #847DB5 on #83DBFD 2.42:1 Fail
Aa #69B1D6 on #FFFFFF 2.37:1 Fail
Aa #985A78 on #69B1D6 2.18:1 Fail
Aa #342020 on #6D505E 2.15:1 Fail
Aa #342020 on #1B6071 2.15:1 Fail
Aa #69B1D6 on #D1F7FF 2.08:1 Fail
Aa #847DB5 on #94C6E1 2.05:1 Fail
Aa #6D505E on #847DB5 1.89:1 Fail
Aa #847DB5 on #1B6071 1.89:1 Fail
Aa #83DBFD on #2AA5C1 1.86:1 Fail
Aa #94C6E1 on #FFFFFF 1.84:1 Fail
Aa #985A78 on #2AA5C1 1.78:1 Fail
Aa #94C6E1 on #D1F7FF 1.62:1 Fail
Aa #847DB5 on #69B1D6 1.59:1 Fail
Aa #94C6E1 on #2AA5C1 1.58:1 Fail
Aa #FFFFFF on #83DBFD 1.55:1 Fail
Aa #69B1D6 on #83DBFD 1.53:1 Fail
Aa #985A78 on #1B6071 1.38:1 Fail
Aa #6D505E on #985A78 1.37:1 Fail
Aa #985A78 on #847DB5 1.37:1 Fail
Aa #D1F7FF on #83DBFD 1.37:1 Fail
Aa #847DB5 on #2AA5C1 1.30:1 Fail
Aa #69B1D6 on #94C6E1 1.29:1 Fail
Aa #69B1D6 on #2AA5C1 1.22:1 Fail
Aa #94C6E1 on #83DBFD 1.18:1 Fail
Aa #D1F7FF on #FFFFFF 1.14:1 Fail
Aa #6D505E on #1B6071 1.00: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