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.
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 |
