Reactive UX Pattern Framework

Created at 07/08/2025 19:55

The palette consists of Light, Dark colors. Accent colors Flow Sand #fff1e6 and Pattern Teal #70d6ff. Palette has Neutral, Cool colors temperature.

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

Saturation is mixed — 1 muted and 2 vivid out of 5 colors.

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

Most swatches read as neutral in color temperature (4 of 5).

HEX codes (sorted): #181818, #70D6FF, #E0BBE4, #EDF6F9, #FFF1E6

Palette Reactive UX Pattern Framework combines 5 color codes:

HEX: #fff1e6, RGB: (255, 241, 230); HEX: #e0bbe4, RGB: (224, 187, 228); HEX: #70d6ff, RGB: (112, 214, 255)

HEX: #181818, RGB: (24, 24, 24); HEX: #edf6f9, RGB: (237, 246, 249)

Simplified version of palette colors

Tint of linen, Tint of thistle, Tint of skyblue, Tint of Black, Shade of aliceblue

Color scheme was created by colorday

Color codes in palette

Reactive UX Pattern Framework color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#fff1e6	#fff1e6	RGB(255, 241, 230)	Flow Sand	—
#e0bbe4	#e0bbe4	RGB(224, 187, 228)	Hook Lilac	—
#70d6ff	#70d6ff	RGB(112, 214, 255)	Pattern Teal	—
#181818	#181818	RGB(24, 24, 24)	User Black	Thamar Black
#edf6f9	#edf6f9	RGB(237, 246, 249)	Button Ice	—

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