Design system ui interaction style guide colors

The palette consists of Light, Semi dark colors. Accent colors #8c2194 and #8b1f8c. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #38324C (darkest) to #DCB4C9 (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Hues sit in a neighboring band on the wheel (loose heuristic).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #38324C, #8B1F8C, #8C2194, #9E4CA4, #D4B4DC, #DCB4C9

Palette Design system ui interaction style guide colors has combination of 6 codes colors:

HEX: #8c2194, RGB: (140, 33, 148); HEX: #dcb4c9, RGB: (220, 180, 201); HEX: #8b1f8c, RGB: (139, 31, 140)

HEX: #9e4ca4, RGB: (158, 76, 164); HEX: #d4b4dc, RGB: (212, 180, 220); HEX: #38324c, RGB: (56, 50, 76)

Simplified version of palette colors

Shade of darkmagenta, Tint of thistle, Shade of darkmagenta, Shade of darkorchid, Tint of thistle, Tint of darkslateblue

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

Design system ui interaction style guide colors color codes HEX, RGB information in table

6 color pairs have low contrast and need improvement which may impact readability.