Created at 06/04/2025 17:07
1
Graphite Rainbow UX Matrix
- Carbon Black#121212
- Marker Red#ff4c5b
- Highlight Orange#ffa94d
- Notation Yellow#ffed4e
- Note Green#b1ff66
- Terminal Blue#3ba9ff
- Frame White#fdfdfd
The palette consists of Dark, Light colors. Accent colors Notation Yellow #ffed4e and Terminal Blue #3ba9ff. Palette has Neutral, Warm, Cool colors temperature.
By lightness, this palette runs from #121212 (darkest) to #FDFDFD (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 warm.
HEX codes (sorted): #121212, #3BA9FF, #B1FF66, #FDFDFD, #FF4C5B, #FFA94D, #FFED4E
Palette Graphite Rainbow UX Matrix has combination of 7 codes colors:
HEX: #121212, RGB: (18, 18, 18); HEX: #ff4c5b, RGB: (255, 76, 91); HEX: #ffa94d, RGB: (255, 169, 77)
HEX: #ffed4e, RGB: (255, 237, 78); HEX: #b1ff66, RGB: (177, 255, 102); HEX: #3ba9ff, RGB: (59, 169, 255)
HEX: #fdfdfd, RGB: (253, 253, 253)
Simplified version of palette colors
Shade of Black, Shade of indianred, Shade of sandybrown, Tint of Yellow, Shade of greenyellow, Shade of dodgerblue, Tint of White
Color scheme was created by coolor
Colors codes in palette
Graphite Rainbow UX Matrix color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #121212 | #121212 | RGB(18, 18, 18) | Carbon Black | Dark Tone Ink |
| #ff4c5b | #ff4c5b | RGB(255, 76, 91) | Marker Red | — |
| #ffa94d | #ffa94d | RGB(255, 169, 77) | Highlight Orange | — |
| #ffed4e | #ffed4e | RGB(255, 237, 78) | Notation Yellow | — |
| #b1ff66 | #b1ff66 | RGB(177, 255, 102) | Note Green | — |
| #3ba9ff | #3ba9ff | RGB(59, 169, 255) | Terminal Blue | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Frame White | Brilliance |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ff4c5b | #ffa94d | 1.71 |
#ff4c5b | #3ba9ff | 1.29 |
#ffa94d | #ffed4e | 1.58 |
#ffa94d | #b1ff66 | 1.57 |
#ffa94d | #3ba9ff | 1.32 |
#ffa94d | #fdfdfd | 1.87 |
Image palette Graphite Rainbow UX Matrix png
Export Palette
Download the "Graphite Rainbow UX Matrix" in multiple formats for seamless integration into your design projects.
Available formats: