Generate Palette
  1. Colors palettes
  2. Figma Cognitive Systems Storyboard
Created at 09/11/2025 21:55
bybad_colors
  41

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.

By lightness, this palette runs from #F97316 (darkest) to #FFFFFF (lightest). The lightness range is moderate.

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 cool.

HEX codes (sorted): #2563EB, #99F6E4, #9CA3AF, #C084FC, #F97316, #FDE68A, #FFFFFF

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 WhiteWhite
#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

Image palette Figma Cognitive Systems Storyboard png

Figma Cognitive Systems Storyboard - #560215
 Download image