Created at 07/13/2025 09:23
React Native Control Hub
- Framework Cream#faf3e3
- React Signal Blue#61dafb
- Dark Grid#212121
- Toast Coral#ff6f61
- Input Nardo Grey#999999
- Status Aqua#7fdbff
The palette consists of Light, Dark colors. Accent colors Toast Coral #ff6f61 and Status Aqua #7fdbff. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #212121 (darkest) to #FAF3E3 (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): #212121, #61DAFB, #7FDBFF, #999999, #FAF3E3, #FF6F61
Palette React Native Control Hub has combination of 6 codes colors:
HEX: #faf3e3, RGB: (250, 243, 227); HEX: #61dafb, RGB: (97, 218, 251); HEX: #212121, RGB: (33, 33, 33)
HEX: #ff6f61, RGB: (255, 111, 97); HEX: #999999, RGB: (153, 153, 153); HEX: #7fdbff, RGB: (127, 219, 255)
Simplified version of palette colors
Tint of oldlace, Tint of skyblue, Shade of Black, Tint of salmon, Tint of darkgrey, Shade of skyblue
Color scheme was created by colorscheme
Colors codes in palette
React Native Control Hub color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #faf3e3 | #faf3e3 | RGB(250, 243, 227) | Framework Cream | — |
| #61dafb | #61dafb | RGB(97, 218, 251) | React Signal Blue | — |
| #212121 | #212121 | RGB(33, 33, 33) | Dark Grid | Lead |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Toast Coral | Living Coral |
| #999999 | #999999 | RGB(153, 153, 153) | Input Nardo Grey | Basalt Grey |
| #7fdbff | #7fdbff | RGB(127, 219, 255) | Status Aqua | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#faf3e3 | #61dafb | 1.46 |
#faf3e3 | #7fdbff | 1.4 |
#61dafb | #ff6f61 | 1.67 |
#61dafb | #999999 | 1.75 |
#61dafb | #7fdbff | 1.04 |
#ff6f61 | #999999 | 1.04 |
Image palette React Native Control Hub png
Export Palette
Download the "React Native Control Hub" in multiple formats for seamless integration into your design projects.
Available formats: