Created at 06/25/2025 20:34
Frontend AI UI Helper
- Model Mint#34d399
- Prompt Black#111827
- Code Canvas#e0f2fe
- UX Lilac#c7d2fe
- Flowchart Cream#fef3c7
- Output Navy#1e3a8a
The palette consists of Light, Dark colors. Accent colors UX Lilac #c7d2fe and Flowchart Cream #fef3c7. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #111827 (darkest) to #E0F2FE (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, #1E3A8A, #34D399, #C7D2FE, #E0F2FE, #FEF3C7
Palette Frontend AI UI Helper has combination of 6 codes colors:
HEX: #34d399, RGB: (52, 211, 153); HEX: #111827, RGB: (17, 24, 39); HEX: #e0f2fe, RGB: (224, 242, 254)
HEX: #c7d2fe, RGB: (199, 210, 254); HEX: #fef3c7, RGB: (254, 243, 199); HEX: #1e3a8a, RGB: (30, 58, 138)
Simplified version of palette colors
Tint of mediumaquamarine, Shade of Black, Tint of aliceblue, Shade of lightsteelblue, Tint of lemonchiffon, Tint of darkslateblue
Color scheme was created by palettespicker
Colors codes in palette
Frontend AI UI Helper color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #34d399 | #34d399 | RGB(52, 211, 153) | Model Mint | — |
| #111827 | #111827 | RGB(17, 24, 39) | Prompt Black | — |
| #e0f2fe | #e0f2fe | RGB(224, 242, 254) | Code Canvas | — |
| #c7d2fe | #c7d2fe | RGB(199, 210, 254) | UX Lilac | — |
| #fef3c7 | #fef3c7 | RGB(254, 243, 199) | Flowchart Cream | — |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Output Navy | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#34d399 | #e0f2fe | 1.67 |
#34d399 | #c7d2fe | 1.28 |
#34d399 | #fef3c7 | 1.72 |
#111827 | #1e3a8a | 1.71 |
#e0f2fe | #c7d2fe | 1.29 |
#e0f2fe | #fef3c7 | 1.03 |
Image palette Frontend AI UI Helper png
Export Palette
Download the "Frontend AI UI Helper" in multiple formats for seamless integration into your design projects.
Available formats: