Sign Up Sign Up
Ástríða Sólseturs

Ástríða Sólseturs

9-color palette · Warm · Mixed · Complementary harmony

Back to Library

Ástríða Sólseturs

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

Modify
Earthy 9 colors Warm Mixed Complementary fire warm sunset original
Likes 68
Colors 9

CSS variables

:root {
  --c-earthy-1: #05051B;
  --c-earthy-2: #1B0A27;
  --c-earthy-3: #411D34;
  --c-earthy-4: #672142;
  --c-earthy-5: #8D2C30;
  --c-earthy-6: #CA7125;
  --c-earthy-7: #E7D37D;
  --c-earthy-8: #EEF2BA;
  --c-earthy-9: #FEFEF8;
}

About this palette

This 9-color earthy palette runs from Baby Powder (#FEFEF8) as its lightest tone to Melanophobia (#05051B) as its darkest. It blends Melanophobia, Meški Black, Sitter Red, Pompadour, Ancient Red, Brownish Orange, Ancient Treasure, Chiffon and Baby Powder into a single set you can drop straight into a UI. Of its 36 color pairings, 17 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #05051B on #FEFEF8 at 19.87:1.

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

Color breakdown

Melanophobia #05051B
RGB
rgb(5, 5, 27)
HSL
hsl(240, 69%, 6%)
Luminance
0.002
Meški Black #1B0A27
RGB
rgb(27, 10, 39)
HSL
hsl(275, 59%, 10%)
Luminance
0.006
Sitter Red #411D34
RGB
rgb(65, 29, 52)
HSL
hsl(322, 38%, 18%)
Luminance
0.023
Pompadour #672142
RGB
rgb(103, 33, 66)
HSL
hsl(332, 51%, 27%)
Luminance
0.044
Ancient Red #8D2C30
RGB
rgb(141, 44, 48)
HSL
hsl(358, 52%, 36%)
Luminance
0.077
Brownish Orange #CA7125
RGB
rgb(202, 113, 37)
HSL
hsl(28, 69%, 47%)
Luminance
0.245
Ancient Treasure #E7D37D
RGB
rgb(231, 211, 125)
HSL
hsl(49, 69%, 70%)
Luminance
0.651
Chiffon #EEF2BA
RGB
rgb(238, 242, 186)
HSL
hsl(64, 68%, 84%)
Luminance
0.852
Baby Powder #FEFEF8
RGB
rgb(254, 254, 248)
HSL
hsl(60, 75%, 98%)
Luminance
0.987

Contrast & accessibility

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

Aa #05051B on #FEFEF8 19.87:1 AAA
Aa #1B0A27 on #FEFEF8 18.53:1 AAA
Aa #05051B on #EEF2BA 17.28:1 AAA
Aa #1B0A27 on #EEF2BA 16.12:1 AAA
Aa #411D34 on #FEFEF8 14.31:1 AAA
Aa #05051B on #E7D37D 13.42:1 AAA
Aa #1B0A27 on #E7D37D 12.52:1 AAA
Aa #411D34 on #EEF2BA 12.44:1 AAA
Aa #672142 on #FEFEF8 11.08:1 AAA
Aa #411D34 on #E7D37D 9.66:1 AAA
Aa #672142 on #EEF2BA 9.63:1 AAA
Aa #8D2C30 on #FEFEF8 8.18:1 AAA
Aa #672142 on #E7D37D 7.48:1 AAA
Aa #8D2C30 on #EEF2BA 7.12:1 AAA
Aa #05051B on #CA7125 5.65:1 AA
Aa #8D2C30 on #E7D37D 5.53:1 AA
Aa #1B0A27 on #CA7125 5.27:1 AA
Aa #411D34 on #CA7125 4.07:1 AA Large
Aa #CA7125 on #FEFEF8 3.52:1 AA Large
Aa #672142 on #CA7125 3.15:1 AA Large
Aa #CA7125 on #EEF2BA 3.06:1 AA Large
Aa #05051B on #8D2C30 2.43:1 Fail
Aa #CA7125 on #E7D37D 2.37:1 Fail
Aa #8D2C30 on #CA7125 2.33:1 Fail
Aa #1B0A27 on #8D2C30 2.27:1 Fail
Aa #05051B on #672142 1.79:1 Fail
Aa #411D34 on #8D2C30 1.75:1 Fail
Aa #1B0A27 on #672142 1.67:1 Fail
Aa #E7D37D on #FEFEF8 1.48:1 Fail
Aa #05051B on #411D34 1.39:1 Fail
Aa #672142 on #8D2C30 1.35:1 Fail
Aa #1B0A27 on #411D34 1.30:1 Fail
Aa #411D34 on #672142 1.29:1 Fail
Aa #E7D37D on #EEF2BA 1.29:1 Fail
Aa #EEF2BA on #FEFEF8 1.15:1 Fail
Aa #05051B on #1B0A27 1.07: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