Created at 06/28/2025 20:23
Minimal Web UI Framework
- Core Indigo#4f46e5
- Grid Fog#f3f4f6
- Text Graphite#1f2937
- Accent Mint#6ee7b7
- Action Coral#fb7185
- Support Cream#fff7ed
- Shadow Slate#64748b
The palette consists of Semi dark, Light, Dark colors. Accent colors Core Indigo #4f46e5 and Support Cream #fff7ed. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #1F2937 (darkest) to #FFF7ED (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): #1F2937, #4F46E5, #64748B, #6EE7B7, #F3F4F6, #FB7185, #FFF7ED
Palette Minimal Web UI Framework has combination of 7 codes colors:
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #f3f4f6, RGB: (243, 244, 246); HEX: #1f2937, RGB: (31, 41, 55)
HEX: #6ee7b7, RGB: (110, 231, 183); HEX: #fb7185, RGB: (251, 113, 133); HEX: #fff7ed, RGB: (255, 247, 237)
HEX: #64748b, RGB: (100, 116, 139)
Simplified version of palette colors
Tint of slateblue, Tint of whitesmoke, Shade of Black, Tint of aquamarine, Tint of lightcoral, Tint of floralwhite, Tint of slategrey
Color scheme was created by colourlock
Colors codes in palette
Minimal Web UI Framework color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Core Indigo | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Grid Fog | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Text Graphite | — |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Accent Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Action Coral | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Support Cream | Fatback |
| #64748b | #64748b | RGB(100, 116, 139) | Shadow Slate | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#4f46e5 | #64748b | 1.32 |
#f3f4f6 | #6ee7b7 | 1.38 |
#f3f4f6 | #fff7ed | 1.03 |
#6ee7b7 | #fb7185 | 1.76 |
#6ee7b7 | #fff7ed | 1.43 |
#fb7185 | #64748b | 1.76 |
Image palette Minimal Web UI Framework png
Export Palette
Download the "Minimal Web UI Framework" in multiple formats for seamless integration into your design projects.
Available formats: