Sign Up Sign Up
Sea & Seaweed

Sea & Seaweed

8-color palette · Cool · Dark · Complementary harmony

Back to Library

Sea & Seaweed

8-color palette · Cool temperature · Dark tone · Complementary harmony

Modify
Earthy 8 colors Cool Dark Complementary
Likes 26
Colors 8

CSS variables

:root {
  --c-earthy-1: #98C1D9;
  --c-earthy-2: #06AED5;
  --c-earthy-3: #086788;
  --c-earthy-4: #1B4353;
  --c-earthy-5: #48233C;
  --c-earthy-6: #31081F;
  --c-earthy-7: #4B644A;
  --c-earthy-8: #26413C;
}

About this palette

This 8-color earthy palette runs from January Frost (#98C1D9) as its lightest tone to Vienna Roast (#31081F) as its darkest. It blends January Frost, Malibu Blue, Ansel, Blue Syzygy, Prestige Mauve, Vienna Roast, Vizcaya Palm and Pine Grove into a single set you can drop straight into a UI. Of its 28 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #98C1D9 on #31081F at 9.25:1.

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

Color breakdown

January Frost #98C1D9
RGB
rgb(152, 193, 217)
HSL
hsl(202, 46%, 72%)
Luminance
0.498
Malibu Blue #06AED5
RGB
rgb(6, 174, 213)
HSL
hsl(191, 95%, 43%)
Luminance
0.351
Ansel #086788
RGB
rgb(8, 103, 136)
HSL
hsl(195, 89%, 28%)
Luminance
0.115
Blue Syzygy #1B4353
RGB
rgb(27, 67, 83)
HSL
hsl(197, 51%, 22%)
Luminance
0.049
Prestige Mauve #48233C
RGB
rgb(72, 35, 60)
HSL
hsl(319, 35%, 21%)
Luminance
0.029
Vienna Roast #31081F
RGB
rgb(49, 8, 31)
HSL
hsl(326, 72%, 11%)
Luminance
0.009
Vizcaya Palm #4B644A
RGB
rgb(75, 100, 74)
HSL
hsl(118, 15%, 34%)
Luminance
0.111
Pine Grove #26413C
RGB
rgb(38, 65, 60)
HSL
hsl(169, 26%, 20%)
Luminance
0.045

Contrast & accessibility

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

Aa #98C1D9 on #31081F 9.25:1 AAA
Aa #98C1D9 on #48233C 6.93:1 AA
Aa #06AED5 on #31081F 6.77:1 AA
Aa #98C1D9 on #26413C 5.76:1 AA
Aa #98C1D9 on #1B4353 5.55:1 AA
Aa #06AED5 on #48233C 5.07:1 AA
Aa #06AED5 on #26413C 4.21:1 AA Large
Aa #06AED5 on #1B4353 4.06:1 AA Large
Aa #98C1D9 on #4B644A 3.40:1 AA Large
Aa #98C1D9 on #086788 3.32:1 AA Large
Aa #086788 on #31081F 2.79:1 Fail
Aa #31081F on #4B644A 2.72:1 Fail
Aa #06AED5 on #4B644A 2.49:1 Fail
Aa #06AED5 on #086788 2.43:1 Fail
Aa #086788 on #48233C 2.09:1 Fail
Aa #48233C on #4B644A 2.04:1 Fail
Aa #086788 on #26413C 1.74:1 Fail
Aa #4B644A on #26413C 1.69:1 Fail
Aa #086788 on #1B4353 1.67:1 Fail
Aa #1B4353 on #31081F 1.67:1 Fail
Aa #1B4353 on #4B644A 1.63:1 Fail
Aa #31081F on #26413C 1.61:1 Fail
Aa #98C1D9 on #06AED5 1.37:1 Fail
Aa #48233C on #31081F 1.33:1 Fail
Aa #1B4353 on #48233C 1.25:1 Fail
Aa #48233C on #26413C 1.20:1 Fail
Aa #1B4353 on #26413C 1.04:1 Fail
Aa #086788 on #4B644A 1.03:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC
4 colors
#0A2647 #144272 #205295 #2C74B3
4 colors
#040D12 #183D3D #5C8374 #93B1A6
4 colors
#142850 #27496D #0C7B93 #00A8CC
4 colors
#635985 #443C68 #393053 #18122B
4 colors
#000000 #150050 #3F0071 #610094
4 colors
#151515 #301B3F #3C415C #B4A5A5
4 colors
#041C32 #04293A #064663 #ECB365
4 colors