Generate Palette
  1. Color Palettes
  2. Predictive UX Flow Toolkit

Predictive UX Flow Toolkit

  • Forecast Orange
    #f4a261
  • Cognitive Black
    #212529
  • Interaction Cream
    #ffecd1
  • Insight Blue
    #00a8e8
  • Intent Violet
    #7b6079
  1
Created at 07/08/2025 08:20
bycolorday
The palette consists of Light, Dark, Semi dark colors. Accent colors Interaction Cream #ffecd1 and Insight Blue #00a8e8. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #212529 (darkest) to #FFECD1 (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 60% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Warm and cool swatches are fairly balanced (2 warm, 2 cool).

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

Palette Predictive UX Flow Toolkit combines 5 color codes:
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
Shade of Sandy Brown, Tint of Black, Tint of Blanched Almond, Shade of Deep Sky Blue, Tint of Dim Gray
Color scheme was created by colorday

Color 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