Created at 06/06/2025 10:58
Next.js Zenith Layers
- Dynamic Cloud Gray#e5e5e5
- Route Neon Orchid#da77f2
- Middleware Black Ink#111111
- Static Pastel Lime#e4f9b6
- Edge Sapphire Blue#4d7cfe
- Deploy Butter Cream#fff5c3
The palette consists of Light, Dark colors. Accent colors Edge Sapphire Blue #4d7cfe and Deploy Butter Cream #fff5c3. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #111111 (darkest) to #E5E5E5 (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).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #111111, #4D7CFE, #DA77F2, #E4F9B6, #E5E5E5, #FFF5C3
Palette Next.js Zenith Layers has combination of 6 codes colors:
HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #da77f2, RGB: (218, 119, 242); HEX: #111111, RGB: (17, 17, 17)
HEX: #e4f9b6, RGB: (228, 249, 182); HEX: #4d7cfe, RGB: (77, 124, 254); HEX: #fff5c3, RGB: (255, 245, 195)
Simplified version of palette colors
Shade of gainsboro, Shade of orchid, Shade of Black, Shade of palegoldenrod, Shade of royalblue, Tint of lemonchiffon
Color scheme was created by palettespicker
Colors codes in palette
Next.js Zenith Layers color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Dynamic Cloud Gray | Gray90 |
| #da77f2 | #da77f2 | RGB(218, 119, 242) | Route Neon Orchid | — |
| #111111 | #111111 | RGB(17, 17, 17) | Middleware Black Ink | Dreamless Sleep |
| #e4f9b6 | #e4f9b6 | RGB(228, 249, 182) | Static Pastel Lime | — |
| #4d7cfe | #4d7cfe | RGB(77, 124, 254) | Edge Sapphire Blue | — |
| #fff5c3 | #fff5c3 | RGB(255, 245, 195) | Deploy Butter Cream | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e5e5e5 | #e4f9b6 | 1.11 |
#e5e5e5 | #fff5c3 | 1.14 |
#da77f2 | #4d7cfe | 1.4 |
#e4f9b6 | #fff5c3 | 1.03 |
Image palette Next.js Zenith Layers png
Export Palette
Download the "Next.js Zenith Layers" in multiple formats for seamless integration into your design projects.
Available formats: