Generate Palette
  1. Colors palettes
  2. React UI Storybook Theme
Created at 06/13/2025 11:39
bycolorhunt
  1

React UI Storybook Theme

  • Story Ink
    #1e293b
  • Knob Coral
    #ff847c
  • Prop Sky
    #aeeeee
  • Addon Grey
    #d3d3d3
  • Component Lavender
    #b497f4
  • Docs Background
    #f7f9fc
The palette consists of Dark, Light colors. Accent colors Knob Coral #ff847c and Prop Sky #aeeeee. Palette has Cool, Warm, Neutral colors temperature.

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

Saturation is mixed — some muted swatches and some vivid accents.

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): #1E293B, #AEEEEE, #B497F4, #D3D3D3, #F7F9FC, #FF847C

Palette React UI Storybook Theme has combination of 6 codes colors:
HEX: #1e293b, RGB: (30, 41, 59); HEX: #ff847c, RGB: (255, 132, 124); HEX: #aeeeee, RGB: (174, 238, 238)
HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #b497f4, RGB: (180, 151, 244); HEX: #f7f9fc, RGB: (247, 249, 252)
Simplified version of palette colors
Shade of midnightblue, Shade of salmon, Tint of paleturquoise, Shade of mediumpurple, Tint of ghostwhite
Color scheme was created by colorhunt

Colors codes in palette

React UI Storybook Theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1e293b #1e293b RGB(30, 41, 59)Story Ink—
#ff847c #ff847c RGB(255, 132, 124)Knob Coral—
#aeeeee #aeeeee RGB(174, 238, 238)Prop SkyPaleturquoise2
#d3d3d3 #d3d3d3 RGB(211, 211, 211)Addon GreyPinball
#b497f4 #b497f4 RGB(180, 151, 244)Component Lavender—
#f7f9fc #f7f9fc RGB(247, 249, 252)Docs Background—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ff847c
#aeeeee
1.83
#ff847c
#d3d3d3
1.58
#ff847c
#b497f4
1.01
#aeeeee
#d3d3d3
1.15
#aeeeee
#b497f4
1.87
#aeeeee
#f7f9fc
1.22

Image palette React UI Storybook Theme png

React UI Storybook Theme - #552072
 Download image