React Component UI Dark Mode AI FlowKit
- Hook Blue#4ea8de
- State Green#50c878
- Prop Pink#ff7f91
- Context Cream#fff4e1
- Render Slate#1f2029
- Virtual DOM Black#101010
Created at 08/25/2025 19:11
The palette consists of Light, Dark colors. Accent colors Hook Blue #4ea8de and Context Cream #fff4e1. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #101010 (darkest) to #FFF4E1 (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 (3 of 6).
HEX codes (sorted): #101010, #1F2029, #4EA8DE, #50C878, #FF7F91, #FFF4E1
Palette React Component UI Dark Mode AI FlowKit combines 6 color codes:
HEX: #4ea8de, RGB: (78, 168, 222); HEX: #50c878, RGB: (80, 200, 120); HEX: #ff7f91, RGB: (255, 127, 145)
HEX: #fff4e1, RGB: (255, 244, 225); HEX: #1f2029, RGB: (31, 32, 41); HEX: #101010, RGB: (16, 16, 16)
Simplified version of palette colors
Tint of Deep Sky Blue, Tint of Medium Sea Green, Tint of Light Coral, Shade of Old Lace, Tint of Black, Tint of Black
Color scheme was created by colorstudio
Color codes in palette
React Component UI Dark Mode AI FlowKit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #4ea8de | #4ea8de | RGB(78, 168, 222) | Hook Blue | — |
| #50c878 | #50c878 | RGB(80, 200, 120) | State Green | Emerald Reflection |
| #ff7f91 | #ff7f91 | RGB(255, 127, 145) | Prop Pink | — |
| #fff4e1 | #fff4e1 | RGB(255, 244, 225) | Context Cream | — |
| #1f2029 | #1f2029 | RGB(31, 32, 41) | Render Slate | — |
| #101010 | #101010 | RGB(16, 16, 16) | Virtual DOM Black | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#4ea8de | #50c878 | 1.23 |
#4ea8de | #ff7f91 | 1.08 |
#50c878 | #ff7f91 | 1.13 |
#50c878 | #fff4e1 | 1.95 |
#1f2029 | #101010 | 1.17 |
Image palette React Component UI Dark Mode AI FlowKit png
Export Palette
Download the "React Component UI Dark Mode AI FlowKit" in multiple formats for seamless integration into your design projects.
Available formats: