Created at 06/05/2025 19:50
Next.js Light Portal
Route Gray
#e6e9ec
Middleware Purple
#a594f9
Fetch Mint
#c9f4d3
Payload Gold
#ffd56b
Edge Shadow
#343a40
Static Cream
#fff8ed
The palette consists of Light colors. Accent colors Middleware Purple #a594f9 and Static Cream #fff8ed. Palette has Neutral, Cool, Warm colors temperature.
Palette Next.js Light Portal has combination of 6 codes colors:
HEX: #e6e9ec, RGB: (230, 233, 236); HEX: #a594f9, RGB: (165, 148, 249); HEX: #c9f4d3, RGB: (201, 244, 211)
HEX: #ffd56b, RGB: (255, 213, 107); HEX: #343a40, RGB: (52, 58, 64); HEX: #fff8ed, RGB: (255, 248, 237)
Simplified version of palette colors
Shade of gainsboro, Shade of mediumpurple, Tint of honeydew, Shade of gold, Tint of darkslategrey, Tint of floralwhite
Color scheme was created by colorstudio
Colors codes in palette
Next.js Light Portal color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e6e9ec | #e6e9ec | RGB(230, 233, 236) | Route Gray | — |
| #a594f9 | #a594f9 | RGB(165, 148, 249) | Middleware Purple | — |
| #c9f4d3 | #c9f4d3 | RGB(201, 244, 211) | Fetch Mint | — |
| #ffd56b | #ffd56b | RGB(255, 213, 107) | Payload Gold | — |
| #343a40 | #343a40 | RGB(52, 58, 64) | Edge Shadow | — |
| #fff8ed | #fff8ed | RGB(255, 248, 237) | Static Cream | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e6e9ec | #c9f4d3 | 1 |
#e6e9ec | #ffd56b | 1.15 |
#e6e9ec | #fff8ed | 1.15 |
#a594f9 | #ffd56b | 1.82 |
#c9f4d3 | #ffd56b | 1.15 |
#c9f4d3 | #fff8ed | 1.14 |
