Sign Up Sign Up
Dry Sea

Dry Sea

10-color palette · Warm · Mixed · Complementary harmony

Back to Library

Dry Sea

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

Modify
Muted 10 colors Warm Mixed Complementary rusty warm retro smooth
Likes 151
Colors 10

CSS variables

:root {
  --c-muted-1: #2F2A35;
  --c-muted-2: #443D38;
  --c-muted-3: #625653;
  --c-muted-4: #9A5D40;
  --c-muted-5: #A98143;
  --c-muted-6: #3B4262;
  --c-muted-7: #6F7777;
  --c-muted-8: #989DA0;
  --c-muted-9: #C2B8A9;
  --c-muted-10: #D9DBBA;
}

About this palette

This 10-color muted palette runs from Apple Cucumber (#D9DBBA) as its lightest tone to Haiti (#2F2A35) as its darkest. It blends Haiti, Joesmithite, Pure Zeal, Harrison Rust, Walnut Shell, Church Blue, Volcanic Ash, Drizzling Mist, Bright Loam and Apple Cucumber into a single set you can drop straight into a UI. Of its 45 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #2F2A35 on #D9DBBA at 9.84:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Haiti #2F2A35
RGB
rgb(47, 42, 53)
HSL
hsl(267, 12%, 19%)
Luminance
0.025
Joesmithite #443D38
RGB
rgb(68, 61, 56)
HSL
hsl(25, 10%, 24%)
Luminance
0.049
Pure Zeal #625653
RGB
rgb(98, 86, 83)
HSL
hsl(12, 8%, 35%)
Luminance
0.099
Harrison Rust #9A5D40
RGB
rgb(154, 93, 64)
HSL
hsl(19, 41%, 43%)
Luminance
0.151
Walnut Shell #A98143
RGB
rgb(169, 129, 67)
HSL
hsl(36, 43%, 46%)
Luminance
0.245
Church Blue #3B4262
RGB
rgb(59, 66, 98)
HSL
hsl(229, 25%, 31%)
Luminance
0.057
Volcanic Ash #6F7777
RGB
rgb(111, 119, 119)
HSL
hsl(180, 3%, 45%)
Luminance
0.179
Drizzling Mist #989DA0
RGB
rgb(152, 157, 160)
HSL
hsl(203, 4%, 61%)
Luminance
0.333
Bright Loam #C2B8A9
RGB
rgb(194, 184, 169)
HSL
hsl(36, 17%, 71%)
Luminance
0.486
Apple Cucumber #D9DBBA
RGB
rgb(217, 219, 186)
HSL
hsl(64, 31%, 79%)
Luminance
0.690

Contrast & accessibility

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

Aa #2F2A35 on #D9DBBA 9.84:1 AAA
Aa #443D38 on #D9DBBA 7.51:1 AAA
Aa #2F2A35 on #C2B8A9 7.13:1 AAA
Aa #3B4262 on #D9DBBA 6.91:1 AA
Aa #443D38 on #C2B8A9 5.44:1 AA
Aa #2F2A35 on #989DA0 5.10:1 AA
Aa #3B4262 on #C2B8A9 5.01:1 AA
Aa #625653 on #D9DBBA 4.97:1 AA
Aa #2F2A35 on #A98143 3.93:1 AA Large
Aa #443D38 on #989DA0 3.89:1 AA Large
Aa #9A5D40 on #D9DBBA 3.69:1 AA Large
Aa #625653 on #C2B8A9 3.60:1 AA Large
Aa #3B4262 on #989DA0 3.58:1 AA Large
Aa #6F7777 on #D9DBBA 3.23:1 AA Large
Aa #2F2A35 on #6F7777 3.05:1 AA Large
Aa #443D38 on #A98143 3.00:1 AA Large
Aa #A98143 on #3B4262 2.76:1 Fail
Aa #2F2A35 on #9A5D40 2.67:1 Fail
Aa #9A5D40 on #C2B8A9 2.67:1 Fail
Aa #625653 on #989DA0 2.58:1 Fail
Aa #A98143 on #D9DBBA 2.50:1 Fail
Aa #6F7777 on #C2B8A9 2.34:1 Fail
Aa #443D38 on #6F7777 2.32:1 Fail
Aa #3B4262 on #6F7777 2.14:1 Fail
Aa #443D38 on #9A5D40 2.04:1 Fail
Aa #625653 on #A98143 1.99:1 Fail
Aa #2F2A35 on #625653 1.98:1 Fail
Aa #989DA0 on #D9DBBA 1.93:1 Fail
Aa #9A5D40 on #989DA0 1.91:1 Fail
Aa #9A5D40 on #3B4262 1.87:1 Fail
Aa #A98143 on #C2B8A9 1.81:1 Fail
Aa #6F7777 on #989DA0 1.67:1 Fail
Aa #625653 on #6F7777 1.54:1 Fail
Aa #443D38 on #625653 1.51:1 Fail
Aa #9A5D40 on #A98143 1.47:1 Fail
Aa #2F2A35 on #3B4262 1.42:1 Fail
Aa #989DA0 on #C2B8A9 1.40:1 Fail
Aa #625653 on #3B4262 1.39:1 Fail
Aa #C2B8A9 on #D9DBBA 1.38:1 Fail
Aa #625653 on #9A5D40 1.35:1 Fail
Aa #2F2A35 on #443D38 1.31:1 Fail
Aa #A98143 on #989DA0 1.30:1 Fail
Aa #A98143 on #6F7777 1.29:1 Fail
Aa #9A5D40 on #6F7777 1.14:1 Fail
Aa #443D38 on #3B4262 1.09: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