Plum & Sage Design System

  • Burnt Sienna
    #c46444
  • Royal Plum
    #433456
  • Mint Teal
    #3cb48c
  • Pastel Purple
    #a69cc9
  • Mint Spring
    #64ecae
  • Lemon Bright
    #f8f083
  2

Plum & Sage Design System has 6 colors spread across many hues. The lightest color is Lemon Bright (#F8F083), the darkest Royal Plum (#433456). Its strongest contrast pair is #433456 on #F8F083 (9.5:1, WCAG AAA).

Created at 09/01/2026 10:04
The palette consists of Light, Semi dark colors. Accent colors Pastel Purple #a69cc9 and Lemon Bright #f8f083. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #433456 (darkest) to #F8F083 (lightest). The lightness range is wide.

Saturation is mixed — 1 muted and 3 vivid out of 6 colors.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (4 of 6).

HEX codes (sorted): #3CB48C, #433456, #64ECAE, #A69CC9, #C46444, #F8F083

Palette Plum & Sage Design System combines 6 color codes:
HEX: #c46444, RGB: (196, 100, 68); HEX: #433456, RGB: (67, 52, 86); HEX: #3cb48c, RGB: (60, 180, 140)
HEX: #a69cc9, RGB: (166, 156, 201); HEX: #64ecae, RGB: (100, 236, 174); HEX: #f8f083, RGB: (248, 240, 131)
Simplified version of palette colors
Tint of Sienna, Shade of Dark Slate Blue, Tint of Medium Sea Green, Shade of Plum, Shade of Aquamarine, Tint of Khaki
Color scheme was created by colorslib

Color codes in palette

Plum & Sage Design System color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#c46444#c46444RGB(196, 100, 68)Burnt Sienna—
#433456#433456RGB(67, 52, 86)Royal Plum—
#3cb48c#3cb48cRGB(60, 180, 140)Mint Teal—
#a69cc9#a69cc9RGB(166, 156, 201)Pastel Purple—
#64ecae#64ecaeRGB(100, 236, 174)Mint Spring—
#f8f083#f8f083RGB(248, 240, 131)Lemon Bright—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#c46444
#3cb48c
1.54
#c46444
#a69cc9
1.56
#3cb48c
#a69cc9
1.01
#3cb48c
#64ecae
1.74
#a69cc9
#64ecae
1.72
#64ecae
#f8f083
1.25

Image palette Plum & Sage Design System png