HuggyBums
- Green#7de38e
- Blue#5a78fa
- Teal Blue#6dcefb
- Red#ff4e44
- Yellow#ffd83b
- Orange#ff9500
- Purple#b35cdc
- Pink#ff77b4
Created at 10/26/2021 09:06
The palette consists of Light colors. Accent colors Teal Blue #6dcefb and Yellow #ffd83b. Palette has Cool, Warm colors temperature.
By lightness, this palette runs from #5A78FA (darkest) to #FFD83B (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma) — 100% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (4 warm, 4 cool).
HEX codes (sorted): #5A78FA, #6DCEFB, #7DE38E, #B35CDC, #FF4E44, #FF77B4, #FF9500, #FFD83B
Palette HuggyBums combines 8 color codes:
HEX: #7de38e, RGB: (125, 227, 142); HEX: #5a78fa, RGB: (90, 120, 250); HEX: #6dcefb, RGB: (109, 206, 251)
HEX: #ff4e44, RGB: (255, 78, 68); HEX: #ffd83b, RGB: (255, 216, 59); HEX: #ff9500, RGB: (255, 149, 0)
HEX: #b35cdc, RGB: (179, 92, 220); HEX: #ff77b4, RGB: (255, 119, 180)
Simplified version of palette colors
Shade of Light Green, Tint of Royal Blue, Shade of Light Sky Blue, Shade of Tomato, Tint of Gold, Tint of Dark Orange, Tint of Medium Orchid, Tint of Hot Pink
Color scheme was created by chamath
Color codes in palette
HuggyBums color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #7de38e | #7de38e | RGB(125, 227, 142) | Green | — |
| #5a78fa | #5a78fa | RGB(90, 120, 250) | Blue | — |
| #6dcefb | #6dcefb | RGB(109, 206, 251) | Teal Blue | — |
| #ff4e44 | #ff4e44 | RGB(255, 78, 68) | Red | — |
| #ffd83b | #ffd83b | RGB(255, 216, 59) | Yellow | — |
| #ff9500 | #ff9500 | RGB(255, 149, 0) | Orange | Barcelona Orange |
| #b35cdc | #b35cdc | RGB(179, 92, 220) | Purple | — |
| #ff77b4 | #ff77b4 | RGB(255, 119, 180) | Pink | — |
Color Palette Contrast
20 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#7de38e | #6dcefb | 1.11 |
#7de38e | #ffd83b | 1.14 |
#7de38e | #ff9500 | 1.38 |
#7de38e | #ff77b4 | 1.54 |
#5a78fa | #ff4e44 | 1.16 |
#5a78fa | #ff9500 | 1.73 |
Image palette HuggyBums png
Export Palette
Download the "HuggyBums" in multiple formats for seamless integration into your design projects.
Available formats: