Created at 07/11/2025 20:40
Composable AI UI Components
- Tensor Blue#3a86ff
- Schema Grey#d3d3d3
- Compose Rose#ff6f91
- Intent Green#70e000
- Vector White#f9f9f9
- Decision Slate#344e5c
- Prompt Orange#ff9f1c
The palette consists of Light colors. Accent colors Tensor Blue #3a86ff and Prompt Orange #ff9f1c. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #344E5C (darkest) to #F9F9F9 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans warm.
HEX codes (sorted): #344E5C, #3A86FF, #70E000, #D3D3D3, #F9F9F9, #FF6F91, #FF9F1C
Palette Composable AI UI Components has combination of 7 codes colors:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #ff6f91, RGB: (255, 111, 145)
HEX: #70e000, RGB: (112, 224, 0); HEX: #f9f9f9, RGB: (249, 249, 249); HEX: #344e5c, RGB: (52, 78, 92)
HEX: #ff9f1c, RGB: (255, 159, 28)
Simplified version of palette colors
Shade of dodgerblue, Shade of palevioletred, Tint of lawngreen, Shade of whitesmoke, Shade of darkslategrey, Tint of Orange
Color scheme was created by bad_colors
Colors codes in palette
Composable AI UI Components color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Tensor Blue | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Schema Grey | Pinball |
| #ff6f91 | #ff6f91 | RGB(255, 111, 145) | Compose Rose | — |
| #70e000 | #70e000 | RGB(112, 224, 0) | Intent Green | — |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Vector White | Doctor |
| #344e5c | #344e5c | RGB(52, 78, 92) | Decision Slate | — |
| #ff9f1c | #ff9f1c | RGB(255, 159, 28) | Prompt Orange | — |
Color Palette Contrast
11 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3a86ff | #ff6f91 | 1.31 |
#3a86ff | #ff9f1c | 1.69 |
#d3d3d3 | #ff6f91 | 1.76 |
#d3d3d3 | #70e000 | 1.13 |
#d3d3d3 | #f9f9f9 | 1.42 |
#d3d3d3 | #ff9f1c | 1.37 |
Image palette Composable AI UI Components png
Export Palette
Download the "Composable AI UI Components" in multiple formats for seamless integration into your design projects.
Available formats: