Natural Language UI Components
- Parsing Sky#90e0ef
- Intent Green#8ac926
- Syntax Coral#ff595e
- Response Linen#fff4e6
- Voice Indigo#4c5c96
- Token Grey#cfcfcf
Created at 07/07/2025 15:06
The palette consists of Light, Semi dark colors. Accent colors Parsing Sky #90e0ef and Response Linen #fff4e6. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #4C5C96 (darkest) to #FFF4E6 (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (3 of 6).
HEX codes (sorted): #4C5C96, #8AC926, #90E0EF, #CFCFCF, #FF595E, #FFF4E6
Palette Natural Language UI Components combines 6 color codes:
HEX: #90e0ef, RGB: (144, 224, 239); HEX: #8ac926, RGB: (138, 201, 38); HEX: #ff595e, RGB: (255, 89, 94)
HEX: #fff4e6, RGB: (255, 244, 230); HEX: #4c5c96, RGB: (76, 92, 150); HEX: #cfcfcf, RGB: (207, 207, 207)
Simplified version of palette colors
Shade of Powder Blue, Shade of Yellow Green, Shade of Salmon, Tint of Old Lace, Tint of Dark Slate Blue, Shade of Light Gray
Color scheme was created by colourlock
Color codes in palette
Natural Language UI Components color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #90e0ef | #90e0ef | RGB(144, 224, 239) | Parsing Sky | — |
| #8ac926 | #8ac926 | RGB(138, 201, 38) | Intent Green | — |
| #ff595e | #ff595e | RGB(255, 89, 94) | Syntax Coral | — |
| #fff4e6 | #fff4e6 | RGB(255, 244, 230) | Response Linen | — |
| #4c5c96 | #4c5c96 | RGB(76, 92, 150) | Voice Indigo | — |
| #cfcfcf | #cfcfcf | RGB(207, 207, 207) | Token Grey | American Silver |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#90e0ef | #8ac926 | 1.34 |
#90e0ef | #fff4e6 | 1.37 |
#90e0ef | #cfcfcf | 1.04 |
#8ac926 | #ff595e | 1.52 |
#8ac926 | #fff4e6 | 1.84 |
#8ac926 | #cfcfcf | 1.28 |
Image palette Natural Language UI Components png
Export Palette
Download the "Natural Language UI Components" in multiple formats for seamless integration into your design projects.
Available formats: