Home Color Palettes 4-Color Sweet Marzipan Palette

4-Color Sweet Marzipan Palette

4-color palette · Warm · Mixed · Analogous harmony

Back to Library

4-Color Sweet Marzipan Palette

4-color palette · Warm temperature · Mixed tone · Analogous harmony

Modify

Muted 4 colors Warm Mixed Analogous

Likes 2,435

Colors 4

CSS variables

:root {
  --c-muted-1: #1B211A;
  --c-muted-2: #628141;
  --c-muted-3: #8BAE66;
  --c-muted-4: #EBD5AB;
}

About this palette

This 4-color muted palette runs from Sweet Marzipan (#EBD5AB) as its lightest tone to Underworld (#1B211A) as its darkest. It blends Underworld, Mangrove Leaf, Celuce and Sweet Marzipan into a single set you can drop straight into a UI. Of its 6 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #1B211A on #EBD5AB at 11.44:1.

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

Color breakdown

Underworld #1B211A

RGB: rgb(27, 33, 26)
HSL: hsl(111, 12%, 12%)
Luminance: 0.014

Mangrove Leaf #628141

RGB: rgb(98, 129, 65)
HSL: hsl(89, 33%, 38%)
Luminance: 0.187

Celuce #8BAE66

RGB: rgb(139, 174, 102)
HSL: hsl(89, 31%, 54%)
Luminance: 0.367

Sweet Marzipan #EBD5AB

RGB: rgb(235, 213, 171)
HSL: hsl(39, 62%, 80%)
Luminance: 0.682

Contrast & accessibility

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

Aa #1B211A on #EBD5AB 11.44:1 AAA

Aa #1B211A on #8BAE66 6.52:1 AA

Aa #1B211A on #628141 3.70:1 AA Large

Aa #628141 on #EBD5AB 3.09:1 AA Large

Aa #628141 on #8BAE66 1.76:1 Fail

Aa #8BAE66 on #EBD5AB 1.75: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