Created at 08/09/2025 06:21
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 White | Doctor |
| #cbcbcb | #cbcbcb | RGB(203, 203, 203) | Metadata Grey | Silverback |
| #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 Black | Gray10 |
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
Export Palette
Download the "Instruction-Tuned Chat UX Palette" in multiple formats for seamless integration into your design projects.
Available formats: