Cybernetic UX Framework
- Feedback Loop Pink#fec5bb
- Signal Grey#c1c1c1
- Input Sky#b5eaea
- Modulation Indigo#b4aee8
- Circuit Board Black#111111
- Responsive Field Cream#f7f4ea
Created at 07/07/2025 15:04
The palette consists of Light, Dark colors. Accent colors Feedback Loop Pink #fec5bb and Input Sky #b5eaea. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #111111 (darkest) to #F7F4EA (lightest). The lightness range is wide.
Saturation is mixed — 2 muted and 3 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (2 of 6).
HEX codes (sorted): #111111, #B4AEE8, #B5EAEA, #C1C1C1, #F7F4EA, #FEC5BB
Palette Cybernetic UX Framework combines 6 color codes:
HEX: #fec5bb, RGB: (254, 197, 187); HEX: #c1c1c1, RGB: (193, 193, 193); HEX: #b5eaea, RGB: (181, 234, 234)
HEX: #b4aee8, RGB: (180, 174, 232); HEX: #111111, RGB: (17, 17, 17); HEX: #f7f4ea, RGB: (247, 244, 234)
Simplified version of palette colors
Tint of Pink, Tint of Silver, Shade of Pale Turquoise, Shade of Light Steel Blue, Tint of Black, Shade of Floral White
Color scheme was created by hex
Color codes in palette
Cybernetic UX Framework color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #fec5bb | #fec5bb | RGB(254, 197, 187) | Feedback Loop Pink | — |
| #c1c1c1 | #c1c1c1 | RGB(193, 193, 193) | Signal Grey | Stonewall Grey |
| #b5eaea | #b5eaea | RGB(181, 234, 234) | Input Sky | — |
| #b4aee8 | #b4aee8 | RGB(180, 174, 232) | Modulation Indigo | — |
| #111111 | #111111 | RGB(17, 17, 17) | Circuit Board Black | Dreamless Sleep |
| #f7f4ea | #f7f4ea | RGB(247, 244, 234) | Responsive Field Cream | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#fec5bb | #c1c1c1 | 1.19 |
#fec5bb | #b5eaea | 1.14 |
#fec5bb | #b4aee8 | 1.36 |
#fec5bb | #f7f4ea | 1.37 |
#c1c1c1 | #b5eaea | 1.36 |
#c1c1c1 | #b4aee8 | 1.14 |
Image palette Cybernetic UX Framework png
Export Palette
Download the "Cybernetic UX Framework" in multiple formats for seamless integration into your design projects.
Available formats: