Created at 06/08/2025 14:41
Next.js SSR Midnight Surface
Hydration Black
#0b0c10
Router Purple
#6a0572
Meta Gray
#303841
Static Export Peach
#ffd6a5
Dynamic White
#f3f3f3
Prop Type Blue
#4ecdc4
The palette consists of Dark, Light colors. Accent colors Static Export Peach #ffd6a5 and Prop Type Blue #4ecdc4. Palette has Neutral, Cool, Warm colors temperature.
Palette Next.js SSR Midnight Surface has combination of 6 codes colors:
HEX: #0b0c10, RGB: (11, 12, 16); HEX: #6a0572, RGB: (106, 5, 114); HEX: #303841, RGB: (48, 56, 65)
HEX: #ffd6a5, RGB: (255, 214, 165); HEX: #f3f3f3, RGB: (243, 243, 243); HEX: #4ecdc4, RGB: (78, 205, 196)
Simplified version of palette colors
Shade of Black, Tint of Purple, Tint of darkslategrey, Tint of navajowhite, Tint of whitesmoke, Tint of mediumturquoise
Color scheme was created by coolor
Colors codes in palette
Next.js SSR Midnight Surface color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #0b0c10 | #0b0c10 | RGB(11, 12, 16) | Hydration Black | — |
| #6a0572 | #6a0572 | RGB(106, 5, 114) | Router Purple | — |
| #303841 | #303841 | RGB(48, 56, 65) | Meta Gray | — |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Static Export Peach | — |
| #f3f3f3 | #f3f3f3 | RGB(243, 243, 243) | Dynamic White | — |
| #4ecdc4 | #4ecdc4 | RGB(78, 205, 196) | Prop Type Blue | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#0b0c10 | #6a0572 | 1.74 |
#0b0c10 | #303841 | 1.64 |
#6a0572 | #303841 | 1.06 |
#ffd6a5 | #f3f3f3 | 1.22 |
#ffd6a5 | #4ecdc4 | 1.42 |
#f3f3f3 | #4ecdc4 | 1.74 |
