Created at 07/12/2025 20:00
NextJS Dynamic Surface Stack
SSR Sky
#0c9ce9
Component Cream
#faf3dd
Build Charcoal
#1c1c1e
Preview Peach
#ffd2a6
Static Lavender
#d7bce8
Node Forest
#2c6e49
The palette consists of Light, Dark, Semi dark colors. Accent colors SSR Sky #0c9ce9 and Preview Peach #ffd2a6. Palette has Cool, Neutral, Warm colors temperature.
Palette NextJS Dynamic Surface Stack has combination of 6 codes colors:
HEX: #0c9ce9, RGB: (12, 156, 233); HEX: #faf3dd, RGB: (250, 243, 221); HEX: #1c1c1e, RGB: (28, 28, 30)
HEX: #ffd2a6, RGB: (255, 210, 166); HEX: #d7bce8, RGB: (215, 188, 232); HEX: #2c6e49, RGB: (44, 110, 73)
Simplified version of palette colors
Tint of dodgerblue, Tint of cornsilk, Shade of Black, Tint of peachpuff, Tint of thistle, Tint of darkolivegreen
Color scheme was created by colorday
Colors codes in palette
NextJS Dynamic Surface Stack color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #0c9ce9 | #0c9ce9 | RGB(12, 156, 233) | SSR Sky | — |
| #faf3dd | #faf3dd | RGB(250, 243, 221) | Component Cream | Vanilla Powder |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Build Charcoal | — |
| #ffd2a6 | #ffd2a6 | RGB(255, 210, 166) | Preview Peach | — |
| #d7bce8 | #d7bce8 | RGB(215, 188, 232) | Static Lavender | — |
| #2c6e49 | #2c6e49 | RGB(44, 110, 73) | Node Forest | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#0c9ce9 | #d7bce8 | 1.76 |
#faf3dd | #ffd2a6 | 1.26 |
#faf3dd | #d7bce8 | 1.54 |
#ffd2a6 | #d7bce8 | 1.22 |
Image palette NextJS Dynamic Surface Stack png
Export Palette
Download the "NextJS Dynamic Surface Stack" in multiple formats for seamless integration into your design projects.
Available formats: