Created at 09/11/2025 21:55
Figma Cognitive Systems Storyboard
Prototype Blue
#2563eb
UX Lavender
#c084fc
Flowchart Mint
#99f6e4
Wireframe Beige
#fde68a
Data Node Gray
#9ca3af
Canvas White
#ffffff
Process Orange
#f97316
The palette consists of Semi dark, Light colors. Accent colors UX Lavender #c084fc and Wireframe Beige #fde68a. Palette has Cool, Warm, Neutral colors temperature.
Palette Figma Cognitive Systems Storyboard has combination of 7 codes colors:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #c084fc, RGB: (192, 132, 252); HEX: #99f6e4, RGB: (153, 246, 228)
HEX: #fde68a, RGB: (253, 230, 138); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #f97316, RGB: (249, 115, 22)
Simplified version of palette colors
Tint of royalblue, Tint of violet, Shade of aquamarine, Shade of Khaki, Tint of darkgrey, White, Shade of chocolate
Color scheme was created by bad_colors
Colors codes in palette
Figma Cognitive Systems Storyboard color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2563eb | #2563eb | RGB(37, 99, 235) | Prototype Blue | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | UX Lavender | — |
| #99f6e4 | #99f6e4 | RGB(153, 246, 228) | Flowchart Mint | — |
| #fde68a | #fde68a | RGB(253, 230, 138) | Wireframe Beige | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Data Node Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Canvas White | White |
| #f97316 | #f97316 | RGB(249, 115, 22) | Process Orange | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2563eb | #c084fc | 1.95 |
#2563eb | #f97316 | 1.84 |
#c084fc | #9ca3af | 1.04 |
#c084fc | #f97316 | 1.06 |
#99f6e4 | #fde68a | 1.01 |
#99f6e4 | #ffffff | 1.26 |
