Created at 06/26/2025 08:21
Fullstack Design System Studio
Stack Midnight
#0f172a
API Lime
#a3e635
UX Clay
#e2e8f0
Payload Fuchsia
#d946ef
Deploy Bone
#fffbf5
Hook Aqua
#5eead4
Render Graphite
#111827
The palette consists of Dark, Light colors. Accent colors Deploy Bone #fffbf5 and Hook Aqua #5eead4. Palette has Cool, Warm, Neutral colors temperature.
Palette Fullstack Design System Studio has combination of 7 codes colors:
HEX: #0f172a, RGB: (15, 23, 42); HEX: #a3e635, RGB: (163, 230, 53); HEX: #e2e8f0, RGB: (226, 232, 240)
HEX: #d946ef, RGB: (217, 70, 239); HEX: #fffbf5, RGB: (255, 251, 245); HEX: #5eead4, RGB: (94, 234, 212)
HEX: #111827, RGB: (17, 24, 39)
Simplified version of palette colors
Shade of Black, Shade of Yellowgreen, Tint of aliceblue, Shade of mediumorchid, Shade of floralwhite, Shade of turquoise, Shade of Black
Color scheme was created by colorslib
Colors codes in palette
Fullstack Design System Studio color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #0f172a | #0f172a | RGB(15, 23, 42) | Stack Midnight | — |
| #a3e635 | #a3e635 | RGB(163, 230, 53) | API Lime | — |
| #e2e8f0 | #e2e8f0 | RGB(226, 232, 240) | UX Clay | — |
| #d946ef | #d946ef | RGB(217, 70, 239) | Payload Fuchsia | — |
| #fffbf5 | #fffbf5 | RGB(255, 251, 245) | Deploy Bone | — |
| #5eead4 | #5eead4 | RGB(94, 234, 212) | Hook Aqua | — |
| #111827 | #111827 | RGB(17, 24, 39) | Render Graphite | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#0f172a | #111827 | 1 |
#a3e635 | #e2e8f0 | 1.22 |
#a3e635 | #fffbf5 | 1.46 |
#a3e635 | #5eead4 | 1.01 |
#e2e8f0 | #fffbf5 | 1.19 |
#e2e8f0 | #5eead4 | 1.19 |
