Generate Palette
  1. Color Palettes
  2. UI Animation Framework Theme

UI Animation Framework Theme

  • Transition Yellow
    #fee440
  • Ease Coral
    #ff9e9e
  • Delay Lavender
    #d0bfff
  • Trigger Navy
    #1e3a8a
  • Speed Ice
    #e0fbfc
  • Smooth Slate
    #9ca3af
  1
Created at 06/12/2025 08:39
byhex
The palette consists of Light, Semi dark colors. Accent colors Transition Yellow #fee440 and Delay Lavender #d0bfff. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #1E3A8A (darkest) to #E0FBFC (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 83% 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): #1E3A8A, #9CA3AF, #D0BFFF, #E0FBFC, #FEE440, #FF9E9E

Palette UI Animation Framework Theme combines 6 color codes:
HEX: #fee440, RGB: (254, 228, 64); HEX: #ff9e9e, RGB: (255, 158, 158); HEX: #d0bfff, RGB: (208, 191, 255)
HEX: #1e3a8a, RGB: (30, 58, 138); HEX: #e0fbfc, RGB: (224, 251, 252); HEX: #9ca3af, RGB: (156, 163, 175)
Simplified version of palette colors
Tint of Gold, Tint of Light Coral, Tint of Thistle, Shade of Dark Slate Blue, Shade of Light Cyan, Shade of Dark Gray
Color scheme was created by hex

Color codes in palette

UI Animation Framework Theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fee440 #fee440 RGB(254, 228, 64)Transition Yellow—
#ff9e9e #ff9e9e RGB(255, 158, 158)Ease Coral—
#d0bfff #d0bfff RGB(208, 191, 255)Delay Lavender—
#1e3a8a #1e3a8a RGB(30, 58, 138)Trigger Navy—
#e0fbfc #e0fbfc RGB(224, 251, 252)Speed Ice—
#9ca3af #9ca3af RGB(156, 163, 175)Smooth Slate—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fee440
#ff9e9e
1.54
#fee440
#d0bfff
1.3
#fee440
#e0fbfc
1.18
#fee440
#9ca3af
1.98
#ff9e9e
#d0bfff
1.18
#ff9e9e
#e0fbfc
1.82

Image palette UI Animation Framework Theme png

UI Animation Framework Theme color palette: Transition Yellow, Ease Coral, Delay Lavender, Trigger Navy, Speed Ice
 Download image