Created at 12/26/2025 12:38
Full-Stack AI Development Workspace
Backend Charcoal
#111827
Frontend Indigo
#4f46e5
API Cyan
#22d3ee
State Magenta
#d946ef
Debug Amber
#fbbf24
Component Gray
#6b7280
Canvas White
#f8fafc
The palette consists of Dark, Semi dark, Light colors. Accent colors API Cyan #22d3ee and Debug Amber #fbbf24. Palette has Neutral, Cool, Warm colors temperature.
Palette Full-Stack AI Development Workspace has combination of 7 codes colors:
HEX: #111827, RGB: (17, 24, 39); HEX: #4f46e5, RGB: (79, 70, 229); HEX: #22d3ee, RGB: (34, 211, 238)
HEX: #d946ef, RGB: (217, 70, 239); HEX: #fbbf24, RGB: (251, 191, 36); HEX: #6b7280, RGB: (107, 114, 128)
HEX: #f8fafc, RGB: (248, 250, 252)
Simplified version of palette colors
Shade of Black, Tint of slateblue, Shade of darkturquoise, Shade of mediumorchid, Shade of goldenrod, Tint of slategrey, Shade of whitesmoke
Color scheme was created by coolor
Colors codes in palette
Full-Stack AI Development Workspace color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #111827 | #111827 | RGB(17, 24, 39) | Backend Charcoal | — |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Frontend Indigo | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | API Cyan | — |
| #d946ef | #d946ef | RGB(217, 70, 239) | State Magenta | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | Debug Amber | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Component Gray | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Canvas White | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#4f46e5 | #d946ef | 1.81 |
#4f46e5 | #6b7280 | 1.3 |
#22d3ee | #d946ef | 1.91 |
#22d3ee | #fbbf24 | 1.08 |
#22d3ee | #f8fafc | 1.72 |
#d946ef | #6b7280 | 1.39 |
Image palette Full-Stack AI Development Workspace png
Export Palette
Download the "Full-Stack AI Development Workspace" in multiple formats for seamless integration into your design projects.
Available formats: