Sign Up Sign Up
Bluedawn7

Bluedawn7

7-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Bluedawn7

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

Modify
Earthy 7 colors Neutral Mixed Complementary orange blue sky complementary
Likes 80
Colors 7

CSS variables

:root {
  --c-earthy-1: #08193C;
  --c-earthy-2: #183F74;
  --c-earthy-3: #2B6C9F;
  --c-earthy-4: #9F5D2B;
  --c-earthy-5: #BA9A4C;
  --c-earthy-6: #DBD3BA;
  --c-earthy-7: #948E7B;
}

About this palette

This 7-color earthy palette runs from Chino (#DBD3BA) as its lightest tone to Naval Night (#08193C) as its darkest. It blends Naval Night, Assault, Blues, Glazed Ginger, Brown Rum, Chino and Olivine Grey 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 #08193C on #DBD3BA at 11.56:1.

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

Color breakdown

Naval Night #08193C
RGB
rgb(8, 25, 60)
HSL
hsl(220, 76%, 13%)
Luminance
0.011
Assault #183F74
RGB
rgb(24, 63, 116)
HSL
hsl(215, 66%, 27%)
Luminance
0.050
Blues #2B6C9F
RGB
rgb(43, 108, 159)
HSL
hsl(206, 57%, 40%)
Luminance
0.137
Glazed Ginger #9F5D2B
RGB
rgb(159, 93, 43)
HSL
hsl(26, 57%, 40%)
Luminance
0.154
Brown Rum #BA9A4C
RGB
rgb(186, 154, 76)
HSL
hsl(43, 44%, 51%)
Luminance
0.341
Chino #DBD3BA
RGB
rgb(219, 211, 186)
HSL
hsl(45, 31%, 79%)
Luminance
0.652
Olivine Grey #948E7B
RGB
rgb(148, 142, 123)
HSL
hsl(46, 10%, 53%)
Luminance
0.271

Contrast & accessibility

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

Aa #08193C on #DBD3BA 11.56:1 AAA
Aa #183F74 on #DBD3BA 7.01:1 AAA
Aa #08193C on #BA9A4C 6.43:1 AA
Aa #08193C on #948E7B 5.28:1 AA
Aa #183F74 on #BA9A4C 3.90:1 AA Large
Aa #2B6C9F on #DBD3BA 3.75:1 AA Large
Aa #9F5D2B on #DBD3BA 3.45:1 AA Large
Aa #08193C on #9F5D2B 3.35:1 AA Large
Aa #183F74 on #948E7B 3.20:1 AA Large
Aa #08193C on #2B6C9F 3.09:1 AA Large
Aa #DBD3BA on #948E7B 2.19:1 Fail
Aa #2B6C9F on #BA9A4C 2.08:1 Fail
Aa #183F74 on #9F5D2B 2.04:1 Fail
Aa #9F5D2B on #BA9A4C 1.92:1 Fail
Aa #183F74 on #2B6C9F 1.87:1 Fail
Aa #BA9A4C on #DBD3BA 1.80:1 Fail
Aa #2B6C9F on #948E7B 1.71:1 Fail
Aa #08193C on #183F74 1.65:1 Fail
Aa #9F5D2B on #948E7B 1.57:1 Fail
Aa #BA9A4C on #948E7B 1.22:1 Fail
Aa #2B6C9F on #9F5D2B 1.09:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors