Generate Palette
  1. Color Palettes
  2. Framer Motion UI Concepts

Framer Motion UI Concepts

  • Smooth Peach
    #fdd9c1
  • Motion Black
    #1a1a1a
  • Fade Rose
    #ffc4d6
  • Velvet Indigo
    #4c4c9d
  • Soft Scroll Gray
    #dcdcdc
  1
Created at 07/08/2025 19:55
bycolorday
The palette consists of Light, Dark, Semi dark colors. Accent colors Smooth Peach #fdd9c1 and Fade Rose #ffc4d6. Palette has Warm, Neutral, Cool colors temperature.

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

Saturation is mixed — 2 muted and 2 vivid out of 5 colors.

A varied palette: its hues are spread across about 144° of the color wheel.

Overall temperature among swatches leans warm (2 of 5).

HEX codes (sorted): #1A1A1A, #4C4C9D, #DCDCDC, #FDD9C1, #FFC4D6

Palette Framer Motion UI Concepts combines 5 color codes:
HEX: #fdd9c1, RGB: (253, 217, 193); HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #ffc4d6, RGB: (255, 196, 214)
HEX: #4c4c9d, RGB: (76, 76, 157); HEX: #dcdcdc, RGB: (220, 220, 220)
Simplified version of palette colors
Shade of Peach Puff, Tint of Black, Tint of Pink, Tint of Dark Slate Blue, Gainsboro
Color scheme was created by colorday

Color codes in palette

Framer Motion UI Concepts color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fdd9c1 #fdd9c1 RGB(253, 217, 193)Smooth Peach—
#1a1a1a #1a1a1a RGB(26, 26, 26)Motion BlackGray10
#ffc4d6 #ffc4d6 RGB(255, 196, 214)Fade Rose—
#4c4c9d #4c4c9d RGB(76, 76, 157)Velvet Indigo—
#dcdcdc #dcdcdc RGB(220, 220, 220)Soft Scroll GrayGainsboro

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fdd9c1
#ffc4d6
1.12
#fdd9c1
#dcdcdc
1.03
#ffc4d6
#dcdcdc
1.08

Image palette Framer Motion UI Concepts png

Framer Motion UI Concepts color palette: Smooth Peach, Motion Black, Fade Rose, Velvet Indigo, Soft Scroll Gray
 Download image