Generate Palette
  1. Colors palettes
  2. Composable React UI Framework
Created at 06/14/2025 19:42
bycolorscheme
  21

Composable React UI Framework

  • JSX Indigo
    #5a4fcf
  • Props Coral
    #ff6f61
  • Hooks Mint
    #c0fdfb
  • Render Cream
    #fdf7f2
  • Bundle Grey
    #e2e8f0
  • Tree Black
    #1e1e1e
The palette consists of Semi dark, Light, Dark colors. Accent colors Props Coral #ff6f61 and Hooks Mint #c0fdfb. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1E1E1E (darkest) to #FDF7F2 (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): #1E1E1E, #5A4FCF, #C0FDFB, #E2E8F0, #FDF7F2, #FF6F61

Palette Composable React UI Framework has combination of 6 codes colors:
HEX: #5a4fcf, RGB: (90, 79, 207); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #c0fdfb, RGB: (192, 253, 251)
HEX: #fdf7f2, RGB: (253, 247, 242); HEX: #e2e8f0, RGB: (226, 232, 240); HEX: #1e1e1e, RGB: (30, 30, 30)
Simplified version of palette colors
Tint of slateblue, Tint of salmon, Shade of paleturquoise, Tint of floralwhite, Tint of aliceblue, Shade of Black
Color scheme was created by colorscheme

Colors codes in palette

Composable React UI Framework color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5a4fcf #5a4fcf RGB(90, 79, 207)JSX IndigoIris
#ff6f61 #ff6f61 RGB(255, 111, 97)Props CoralLiving Coral
#c0fdfb #c0fdfb RGB(192, 253, 251)Hooks Mint—
#fdf7f2 #fdf7f2 RGB(253, 247, 242)Render Cream—
#e2e8f0 #e2e8f0 RGB(226, 232, 240)Bundle Grey—
#1e1e1e #1e1e1e RGB(30, 30, 30)Tree Black—

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#c0fdfb
#fdf7f2
1.05
#c0fdfb
#e2e8f0
1.09
#fdf7f2
#e2e8f0
1.16

Image palette Composable React UI Framework png

Composable React UI Framework - #552138
 Download image