Created at 08/11/2025 09:56
Cybernetic UX Figma Workspace
- Vector Indigo#3f51b5
- Hover State Lime#b2ff59
- Canvas White#fdfdfd
- Plugin Coral#ff7043
- Frame Blue#1976d2
- Neural Night Black#121212
- Contrast Yellow#f4e409
The palette consists of Semi dark, Light, Dark colors. Accent colors Hover State Lime #b2ff59 and Frame Blue #1976d2. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #121212 (darkest) to #FDFDFD (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): #121212, #1976D2, #3F51B5, #B2FF59, #F4E409, #FDFDFD, #FF7043
Palette Cybernetic UX Figma Workspace has combination of 7 codes colors:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #b2ff59, RGB: (178, 255, 89); HEX: #fdfdfd, RGB: (253, 253, 253)
HEX: #ff7043, RGB: (255, 112, 67); HEX: #1976d2, RGB: (25, 118, 210); HEX: #121212, RGB: (18, 18, 18)
HEX: #f4e409, RGB: (244, 228, 9)
Simplified version of palette colors
Tint of slateblue, Shade of greenyellow, Tint of White, Tint of coral, Tint of steelblue, Shade of Black, Shade of gold
Color scheme was created by colorhunt
Colors codes in palette
Cybernetic UX Figma Workspace color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Vector Indigo | — |
| #b2ff59 | #b2ff59 | RGB(178, 255, 89) | Hover State Lime | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Canvas White | Brilliance |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Plugin Coral | — |
| #1976d2 | #1976d2 | RGB(25, 118, 210) | Frame Blue | — |
| #121212 | #121212 | RGB(18, 18, 18) | Neural Night Black | Dark Tone Ink |
| #f4e409 | #f4e409 | RGB(244, 228, 9) | Contrast Yellow | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3f51b5 | #1976d2 | 1.49 |
#b2ff59 | #fdfdfd | 1.19 |
#b2ff59 | #f4e409 | 1.08 |
#fdfdfd | #f4e409 | 1.29 |
#ff7043 | #1976d2 | 1.67 |
Image palette Cybernetic UX Figma Workspace png
Export Palette
Download the "Cybernetic UX Figma Workspace" in multiple formats for seamless integration into your design projects.
Available formats: