Created at 06/28/2025 20:40
Fullstack SaaS UI Palette
- Frontend Sky#60a5fa
- Backend Jet#111827
- APIGateway Gold#fcd34d
- Deploy Mist#f1f5f9
- Monitor Slate#334155
- Database Mint#4ade80
- Trigger Coral#fb7185
The palette consists of Light, Dark colors. Accent colors Frontend Sky #60a5fa and APIGateway Gold #fcd34d. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #111827 (darkest) to #F1F5F9 (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).
Overall temperature among swatches leans cool.
HEX codes (sorted): #111827, #334155, #4ADE80, #60A5FA, #F1F5F9, #FB7185, #FCD34D
Palette Fullstack SaaS UI Palette has combination of 7 codes colors:
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #111827, RGB: (17, 24, 39); HEX: #fcd34d, RGB: (252, 211, 77)
HEX: #f1f5f9, RGB: (241, 245, 249); HEX: #334155, RGB: (51, 65, 85); HEX: #4ade80, RGB: (74, 222, 128)
HEX: #fb7185, RGB: (251, 113, 133)
Simplified version of palette colors
Shade of cornflowerblue, Shade of Black, Shade of gold, Tint of aliceblue, Tint of darkslateblue, Shade of mediumspringgreen, Tint of lightcoral
Color scheme was created by colorscheme
Colors codes in palette
Fullstack SaaS UI Palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Frontend Sky | — |
| #111827 | #111827 | RGB(17, 24, 39) | Backend Jet | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | APIGateway Gold | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Deploy Mist | — |
| #334155 | #334155 | RGB(51, 65, 85) | Monitor Slate | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Database Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Trigger Coral | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#60a5fa | #fcd34d | 1.76 |
#60a5fa | #4ade80 | 1.45 |
#60a5fa | #fb7185 | 1.05 |
#111827 | #334155 | 1.71 |
#fcd34d | #f1f5f9 | 1.31 |
#fcd34d | #4ade80 | 1.2 |
Image palette Fullstack SaaS UI Palette png
Export Palette
Download the "Fullstack SaaS UI Palette" in multiple formats for seamless integration into your design projects.
Available formats: