Sign Up Sign Up
Polar11

Polar11

11-color palette · Warm · Mixed · Triadic harmony

Back to Library

Polar11

11-color palette · Warm temperature · Mixed tone · Triadic harmony

Modify
Earthy 11 colors Warm Mixed Triadic artist smalls
Likes 14
Colors 11

CSS variables

:root {
  --c-earthy-1: #0A0A0A;
  --c-earthy-2: #AB2929;
  --c-earthy-3: #D1691F;
  --c-earthy-4: #F5CA2F;
  --c-earthy-5: #F5F1ED;
  --c-earthy-6: #878C81;
  --c-earthy-7: #99C24E;
  --c-earthy-8: #5F9448;
  --c-earthy-9: #339DB5;
  --c-earthy-10: #2D6296;
  --c-earthy-11: #2F2B6B;
}

About this palette

This 11-color earthy palette runs from Lustre White (#F5F1ED) as its lightest tone to Existential Angst (#0A0A0A) as its darkest. It blends Existential Angst, Red Square, Chocolate, Golden Dream, Lustre White, Fat Cat, Pesto Genovese, Bredon Green, Fischer Blue, Outer Reef and Blue Rose into a single set you can drop straight into a UI. Of its 55 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0A0A0A on #F5F1ED at 17.62:1.

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

Color breakdown

Existential Angst #0A0A0A
RGB
rgb(10, 10, 10)
HSL
hsl(0, 0%, 4%)
Luminance
0.003
Red Square #AB2929
RGB
rgb(171, 41, 41)
HSL
hsl(0, 61%, 42%)
Luminance
0.104
Chocolate #D1691F
RGB
rgb(209, 105, 31)
HSL
hsl(25, 74%, 47%)
Luminance
0.238
Golden Dream #F5CA2F
RGB
rgb(245, 202, 47)
HSL
hsl(47, 91%, 57%)
Luminance
0.619
Lustre White #F5F1ED
RGB
rgb(245, 241, 237)
HSL
hsl(30, 29%, 95%)
Luminance
0.884
Fat Cat #878C81
RGB
rgb(135, 140, 129)
HSL
hsl(87, 5%, 53%)
Luminance
0.255
Pesto Genovese #99C24E
RGB
rgb(153, 194, 78)
HSL
hsl(81, 49%, 53%)
Luminance
0.459
Bredon Green #5F9448
RGB
rgb(95, 148, 72)
HSL
hsl(102, 35%, 43%)
Luminance
0.241
Fischer Blue #339DB5
RGB
rgb(51, 157, 181)
HSL
hsl(191, 56%, 45%)
Luminance
0.282
Outer Reef #2D6296
RGB
rgb(45, 98, 150)
HSL
hsl(210, 54%, 38%)
Luminance
0.115
Blue Rose #2F2B6B
RGB
rgb(47, 43, 107)
HSL
hsl(244, 43%, 29%)
Luminance
0.034

Contrast & accessibility

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

Aa #0A0A0A on #F5F1ED 17.62:1 AAA
Aa #0A0A0A on #F5CA2F 12.61:1 AAA
Aa #F5F1ED on #2F2B6B 11.13:1 AAA
Aa #0A0A0A on #99C24E 9.60:1 AAA
Aa #F5CA2F on #2F2B6B 7.97:1 AAA
Aa #0A0A0A on #339DB5 6.25:1 AA
Aa #AB2929 on #F5F1ED 6.07:1 AA
Aa #99C24E on #2F2B6B 6.06:1 AA
Aa #0A0A0A on #878C81 5.75:1 AA
Aa #F5F1ED on #2D6296 5.66:1 AA
Aa #0A0A0A on #5F9448 5.48:1 AA
Aa #0A0A0A on #D1691F 5.42:1 AA
Aa #AB2929 on #F5CA2F 4.34:1 AA Large
Aa #F5CA2F on #2D6296 4.05:1 AA Large
Aa #339DB5 on #2F2B6B 3.95:1 AA Large
Aa #878C81 on #2F2B6B 3.63:1 AA Large
Aa #5F9448 on #2F2B6B 3.46:1 AA Large
Aa #D1691F on #2F2B6B 3.43:1 AA Large
Aa #AB2929 on #99C24E 3.30:1 AA Large
Aa #D1691F on #F5F1ED 3.25:1 AA Large
Aa #F5F1ED on #5F9448 3.21:1 AA Large
Aa #0A0A0A on #2D6296 3.11:1 AA Large
Aa #99C24E on #2D6296 3.09:1 AA Large
Aa #F5F1ED on #878C81 3.06:1 AA Large
Aa #0A0A0A on #AB2929 2.90:1 Fail
Aa #F5F1ED on #339DB5 2.82:1 Fail
Aa #D1691F on #F5CA2F 2.32:1 Fail
Aa #F5CA2F on #5F9448 2.30:1 Fail
Aa #F5CA2F on #878C81 2.19:1 Fail
Aa #AB2929 on #339DB5 2.15:1 Fail
Aa #F5CA2F on #339DB5 2.02:1 Fail
Aa #339DB5 on #2D6296 2.01:1 Fail
Aa #AB2929 on #878C81 1.98:1 Fail
Aa #2D6296 on #2F2B6B 1.97:1 Fail
Aa #AB2929 on #5F9448 1.89:1 Fail
Aa #AB2929 on #D1691F 1.87:1 Fail
Aa #878C81 on #2D6296 1.85:1 Fail
Aa #AB2929 on #2F2B6B 1.84:1 Fail
Aa #F5F1ED on #99C24E 1.84:1 Fail
Aa #D1691F on #99C24E 1.77:1 Fail
Aa #5F9448 on #2D6296 1.76:1 Fail
Aa #99C24E on #5F9448 1.75:1 Fail
Aa #D1691F on #2D6296 1.74:1 Fail
Aa #878C81 on #99C24E 1.67:1 Fail
Aa #0A0A0A on #2F2B6B 1.58:1 Fail
Aa #99C24E on #339DB5 1.54:1 Fail
Aa #F5CA2F on #F5F1ED 1.40:1 Fail
Aa #F5CA2F on #99C24E 1.31:1 Fail
Aa #D1691F on #339DB5 1.15:1 Fail
Aa #5F9448 on #339DB5 1.14:1 Fail
Aa #878C81 on #339DB5 1.09:1 Fail
Aa #AB2929 on #2D6296 1.07:1 Fail
Aa #D1691F on #878C81 1.06:1 Fail
Aa #878C81 on #5F9448 1.05:1 Fail
Aa #D1691F on #5F9448 1.01: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