Composable React UI Framework
- JSX Indigo#5a4fcf
- Props Coral#ff6f61
- Hooks Mint#c0fdfb
- Render Cream#fdf7f2
- Bundle Grey#e2e8f0
- Tree Black#1e1e1e
Created at 06/14/2025 19:42
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) — 67% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (2 of 6).
HEX codes (sorted): #1E1E1E, #5A4FCF, #C0FDFB, #E2E8F0, #FDF7F2, #FF6F61
Palette Composable React UI Framework combines 6 color codes:
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
Shade of Slate Blue, Shade of Salmon, Tint of Pale Turquoise, Tint of Seashell, Shade of Alice Blue, Tint of Black
Color scheme was created by colorscheme
Color 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 Indigo | Iris |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Props Coral | Living 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
Export Palette
Download the "Composable React UI Framework" in multiple formats for seamless integration into your design projects.
Available formats: