Generate Palette
  1. Colors palettes
  2. Predictive UX Flow Toolkit
Created at 07/08/2025 08:20
bycolorday
  1

Predictive UX Flow Toolkit

  • Forecast Orange
    #f4a261
  • Cognitive Black
    #212529
  • Interaction Cream
    #ffecd1
  • Insight Blue
    #00a8e8
  • Intent Violet
    #7b6079
The palette consists of Light, Dark colors. Accent colors Interaction Cream #ffecd1 and Insight Blue #00a8e8. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #212529 (darkest) to #FFECD1 (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 cool.

HEX codes (sorted): #00A8E8, #212529, #7B6079, #F4A261, #FFECD1

Palette Predictive UX Flow Toolkit has combination of 5 codes colors:
HEX: #f4a261, RGB: (244, 162, 97); HEX: #212529, RGB: (33, 37, 41); HEX: #ffecd1, RGB: (255, 236, 209)
HEX: #00a8e8, RGB: (0, 168, 232); HEX: #7b6079, RGB: (123, 96, 121)
Simplified version of palette colors
Tint of sandybrown, Shade of Black, Shade of blanchedalmond, Tint of deepskyblue, Shade of dimgrey
Color scheme was created by colorday

Colors codes in palette

Predictive UX Flow Toolkit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f4a261 #f4a261 RGB(244, 162, 97)Forecast Orange—
#212529 #212529 RGB(33, 37, 41)Cognitive Black—
#ffecd1 #ffecd1 RGB(255, 236, 209)Interaction Cream—
#00a8e8 #00a8e8 RGB(0, 168, 232)Insight Blue—
#7b6079 #7b6079 RGB(123, 96, 121)Intent Violet—

Color Palette Contrast

2 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f4a261
#ffecd1
1.78
#f4a261
#00a8e8
1.31

Image palette Predictive UX Flow Toolkit png

Predictive UX Flow Toolkit - #554249
 Download image