Created at 06/25/2025 17:58
Single Page App UI Lab
Lazy Load Lime
#d7ffb8
Hash Route Teal
#008080
Client Hydration Gray
#f1f1f1
Anchor Red
#ff4b5c
DOM Shell Navy
#2a2a72
Flexbox Peach
#ffdcb9
The palette consists of Light, Dark colors. Accent colors Lazy Load Lime #d7ffb8 and DOM Shell Navy #2a2a72. Palette has Neutral, Cool, Warm colors temperature.
Palette Single Page App UI Lab has combination of 6 codes colors:
HEX: #d7ffb8, RGB: (215, 255, 184); HEX: #008080, RGB: (0, 128, 128); HEX: #f1f1f1, RGB: (241, 241, 241)
HEX: #ff4b5c, RGB: (255, 75, 92); HEX: #2a2a72, RGB: (42, 42, 114); HEX: #ffdcb9, RGB: (255, 220, 185)
Simplified version of palette colors
Shade of palegreen, Teal, Tint of whitesmoke, Shade of indianred, Shade of midnightblue, Shade of peachpuff
Color scheme was created by bad_colors
Colors codes in palette
Single Page App UI Lab color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #d7ffb8 | #d7ffb8 | RGB(215, 255, 184) | Lazy Load Lime | — |
| #008080 | #008080 | RGB(0, 128, 128) | Hash Route Teal | Teal |
| #f1f1f1 | #f1f1f1 | RGB(241, 241, 241) | Client Hydration Gray | — |
| #ff4b5c | #ff4b5c | RGB(255, 75, 92) | Anchor Red | — |
| #2a2a72 | #2a2a72 | RGB(42, 42, 114) | DOM Shell Navy | — |
| #ffdcb9 | #ffdcb9 | RGB(255, 220, 185) | Flexbox Peach | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#d7ffb8 | #f1f1f1 | 1.01 |
#d7ffb8 | #ffdcb9 | 1.16 |
#008080 | #ff4b5c | 1.45 |
#f1f1f1 | #ffdcb9 | 1.14 |
