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.
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: