Created at 08/09/2025 06:21
  16

Instruction-Tuned Chat UX Palette

Instruction Text Blue
#50a1f2
Response Box White
#f9f9f9
Metadata Grey
#cbcbcb
Clarification Rose
#ffadad
Context Fade Beige
#fff7e0
System Tone Black
#1a1a1a
The palette consists of Light, Dark colors. Accent colors Instruction Text Blue #50a1f2 and Context Fade Beige #fff7e0. Palette has Cool, Neutral, Warm colors temperature.
Palette Instruction-Tuned Chat UX Palette has combination of 6 codes colors:
HEX: #50a1f2, RGB: (80, 161, 242); HEX: #f9f9f9, RGB: (249, 249, 249); HEX: #cbcbcb, RGB: (203, 203, 203)
HEX: #ffadad, RGB: (255, 173, 173); HEX: #fff7e0, RGB: (255, 247, 224); HEX: #1a1a1a, RGB: (26, 26, 26)
Simplified version of palette colors
Shade of cornflowerblue, Shade of whitesmoke, Tint of lightgrey, Tint of lightpink, Tint of cornsilk, Shade of Black
Color scheme was created by colorhunt

Colors codes in palette

Instruction-Tuned Chat UX Palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#50a1f2 #50a1f2 RGB(80, 161, 242)Instruction Text Blue
#f9f9f9 #f9f9f9 RGB(249, 249, 249)Response Box WhiteDoctor
#cbcbcb #cbcbcb RGB(203, 203, 203)Metadata GreySilverback
#ffadad #ffadad RGB(255, 173, 173)Clarification Rose
#fff7e0 #fff7e0 RGB(255, 247, 224)Context Fade Beige
#1a1a1a #1a1a1a RGB(26, 26, 26)System Tone BlackGray10

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#50a1f2
#cbcbcb
1.67
#50a1f2
#ffadad
1.53
#f9f9f9
#cbcbcb
1.54
#f9f9f9
#ffadad
1.68
#f9f9f9
#fff7e0
1.01
#cbcbcb
#ffadad
1.09

Image palette Instruction-Tuned Chat UX Palette png