#8C6A5D
#C6A48E
#E9D8C0
#5C7A6B
#8C8558Shadow
#D7DFC9Bone
#C5FAC9Aquamarine
#3E322BJet
Modern Aquamarine & Shadow is a split color palette tagged muted, brown, beige. A split scheme: Shadow plays against Jet across roughly 103° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Shadow | #8C8558 | rgb(140, 133, 88) | hsl(52, 23%, 45%) | oklch(61.2% 0.063 100) | |
| Bone | #D7DFC9 | rgb(215, 223, 201) | hsl(82, 26%, 83%) | oklch(89.2% 0.031 123) | |
| Aquamarine | #C5FAC9 | rgb(197, 250, 201) | hsl(125, 84%, 88%) | oklch(93.6% 0.085 147) | |
| Jet | #3E322B | rgb(62, 50, 43) | hsl(22, 18%, 21%) | oklch(32.8% 0.021 52) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (88% down to 21% lightness). A natural fit for websites, presentations and branding.
- Background: Aquamarine (#C5FAC9) is the lightest color, so it belongs on large surfaces.
- Text: Jet (#3E322B) on #C5FAC9 gives 10.55:1, passing WCAG AAA.
- Primary: Bone (#D7DFC9) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Shadow (#8C8558) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Aquamarine on Jet at 10.55:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Modern Aquamarine & Shadow
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#8C8558
#D7DFC9
#C5FAC9
#3E322B
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#C5FAC9 on #3E322B | Aa | 10.55:1 | AAA |
#D7DFC9 on #3E322B | Aa | 9.01:1 | AAA |
#8C8558 on #3E322B | Aa | 3.31:1 | AA large only |
#8C8558 on #C5FAC9 | Aa | 3.19:1 | AA large only |
#8C8558 on #D7DFC9 | Aa | 2.72:1 | Fail |
#D7DFC9 on #C5FAC9 | Aa | 1.17:1 | Fail |
Similar palettes 24 more in this mood
#5A5934
#776D5C
#BE957B
#DFACA6
#916653
#D2C2B0
#E9D393
#2B201A
#DFCEAD
#BFA797
#96978E
#6A8667
#94875B
#C4C0BF
#FAD0AB
#FFDEE6
#452700
#686265
#FFB9A3
#FFEAEC
#515531
#7F8058
#C1B798
#D4CFC3
#CAAB80
#B193A4
#A46268
#874A2D
#586557
#96856F
#E3D0B5
#FFFAEF
#BE9D76
#86B09B
#CCC596
#D9E2D3
#D69F74
#C5D9A6
#E5DCCD
#F8F1AF
#DB937D
#E6BC97
#EFD8A5
#94997A
#A47864
#E9D8C6
#FFE9A8
#3E322B
#3B2C23
#86624B
#AD9878
#F5E7C6
#3B4A3E
#728C69
#D3E0C3
#FCFAF3
#8A784C
#A3897C
#BFA58B
#C1C1B5
#81775C
#999997
#B5E4CC
#E5FDDE
#FFE4D5
#D09B7B
#705300
#3A3328
#75837A
#A6885E
#ABACAA
#EEEABE
#B89F6E
#DAC9A1
#6A6A5A
#F5F3EE
#2A1A12
#704E3C
#9C6B48
#E7D4C1
#2B372A
#5E4F3A
#B09E84
#D9D3C7
#BBA77C
#CFC2A5
#898A78
#F0EEE6
#DFD3D0
#CDAA9E
#9E5863
#322725