Color Palette / Color Scheme
Spring 5
Colors Contained
Change the color combination using the button below.
Switch
Basic Color Palette
Color | HEX | RGB |
---|---|---|
#F272DD |
242, 114, 221 |
|
#58A621 |
88, 166, 33 |
|
#F2F2F2 |
242, 242, 242 |
Gradation
Left:
Center:
Right:
#F272DD
Center:
#58A621
Right:
#F2F2F2
Color Palettes: Categories
Color Combination Sample
For more samples of the color combination, see below and click on the "Switch" button to change the combination pattern.
Horizontal Combination (Spring 5)
#F272DD
#F272DD
#58A621
#58A621
#F2F2F2
#F2F2F2
#F272DD
#F272DD
#F2F2F2
#F2F2F2
#58A621
#58A621
#58A621
#58A621
#F272DD
#F272DD
#F2F2F2
#F2F2F2
#58A621
#58A621
#F2F2F2
#F2F2F2
#F272DD
#F272DD
#F2F2F2
#F2F2F2
#F272DD
#F272DD
#58A621
#58A621
#F2F2F2
#F2F2F2
#58A621
#58A621
#F272DD
#F272DD
Switch
Color Palettes: Categories
Vertical Combination (Spring 5)
#F272DD
#F272DD
#58A621
#58A621
#F2F2F2
#F2F2F2
#F272DD
#F272DD
#F2F2F2
#F2F2F2
#58A621
#58A621
#58A621
#58A621
#F272DD
#F272DD
#F2F2F2
#F2F2F2
#58A621
#58A621
#F2F2F2
#F2F2F2
#F272DD
#F272DD
#F2F2F2
#F2F2F2
#F272DD
#F272DD
#58A621
#58A621
#F2F2F2
#F2F2F2
#58A621
#58A621
#F272DD
#F272DD
Switch
Color Palettes: Categories
Horizontal/Vertical Combination (Spring 5)
#F272DD
#F272DD
#58A621
#58A621
#F2F2F2
#F2F2F2
#F272DD
#F272DD
#F2F2F2
#F2F2F2
#58A621
#58A621
#58A621
#58A621
#F272DD
#F272DD
#F2F2F2
#F2F2F2
#58A621
#58A621
#F2F2F2
#F2F2F2
#F272DD
#F272DD
#F2F2F2
#F2F2F2
#F272DD
#F272DD
#58A621
#58A621
#F2F2F2
#F2F2F2
#58A621
#58A621
#F272DD
#F272DD
Switch
Color Palettes: Categories
Heading (Spring 5)
Colors of Spring 5
Text:
Background:
Border-bottom:
#F272DD
Background:
#58A621
Border-bottom:
#F2F2F2
Colors of Spring 5
Text:
Background:
Border-bottom:
#F272DD
Background:
#F2F2F2
Border-bottom:
#58A621
Colors of Spring 5
Text:
Background:
Border-bottom:
#58A621
Background:
#F272DD
Border-bottom:
#F2F2F2
Colors of Spring 5
Text:
Background:
Border-bottom:
#58A621
Background:
#F2F2F2
Border-bottom:
#F272DD
Colors of Spring 5
Text:
Background:
Border-bottom:
#F2F2F2
Background:
#F272DD
Border-bottom:
#58A621
Colors of Spring 5
Text:
Background:
Border-bottom:
#F2F2F2
Background:
#58A621
Border-bottom:
#F272DD
Switch
Color Palettes: Categories
Spots against a Background (Spring 5)
Background:
Upper-right circle:
Lower-left circle:
#F272DD
Upper-right circle:
#58A621
Lower-left circle:
#F2F2F2
Background:
Upper-right circle:
Lower-left circle:
#F272DD
Upper-right circle:
#F2F2F2
Lower-left circle:
#58A621
Background:
Upper-right circle:
Lower-left circle:
#58A621
Upper-right circle:
#F272DD
Lower-left circle:
#F2F2F2
Background:
Upper-right circle:
Lower-left circle:
#58A621
Upper-right circle:
#F2F2F2
Lower-left circle:
#F272DD
Background:
Upper-right circle:
Lower-left circle:
#F2F2F2
Upper-right circle:
#F272DD
Lower-left circle:
#58A621
Background:
Upper-right circle:
Lower-left circle:
#F2F2F2
Upper-right circle:
#58A621
Lower-left circle:
#F272DD
Switch
Color Palettes: Categories
Three Circles (Spring 5)
#F272DD
#F272DD
#58A621
#58A621
#F2F2F2
#F2F2F2
#F272DD
#F272DD
#F2F2F2
#F2F2F2
#58A621
#58A621
#58A621
#58A621
#F272DD
#F272DD
#F2F2F2
#F2F2F2
#58A621
#58A621
#F2F2F2
#F2F2F2
#F272DD
#F272DD
#F2F2F2
#F2F2F2
#F272DD
#F272DD
#58A621
#58A621
#F2F2F2
#F2F2F2
#58A621
#58A621
#F272DD
#F272DD
Switch
Color Palettes: Categories
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
#F272DD
Cream:
#58A621
Sponge:
#F2F2F2
Topping/Fillings:
Cream:
Sponge:
#F272DD
Cream:
#F2F2F2
Sponge:
#58A621
Topping/Fillings:
Cream:
Sponge:
#58A621
Cream:
#F272DD
Sponge:
#F2F2F2
Topping/Fillings:
Cream:
Sponge:
#58A621
Cream:
#F2F2F2
Sponge:
#F272DD
Topping/Fillings:
Cream:
Sponge:
#F2F2F2
Cream:
#F272DD
Sponge:
#58A621
Topping/Fillings:
Cream:
Sponge:
#F2F2F2
Cream:
#58A621
Sponge:
#F272DD
Switch
Color Palettes: Categories
Owl (Spring 5)
Head/Wing/Spots:
Beak/Legs:
Body:
#F272DD
Beak/Legs:
#58A621
Body:
#F2F2F2
Head/Wing/Spots:
Beak/Legs:
Body:
#F272DD
Beak/Legs:
#F2F2F2
Body:
#58A621
Head/Wing/Spots:
Beak/Legs:
Body:
#58A621
Beak/Legs:
#F272DD
Body:
#F2F2F2
Head/Wing/Spots:
Beak/Legs:
Body:
#58A621
Beak/Legs:
#F2F2F2
Body:
#F272DD
Head/Wing/Spots:
Beak/Legs:
Body:
#F2F2F2
Beak/Legs:
#F272DD
Body:
#58A621
Head/Wing/Spots:
Beak/Legs:
Body:
#F2F2F2
Beak/Legs:
#58A621
Body:
#F272DD
Switch
Color Palettes: Categories
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
#F272DD
Shirt/Boots:
#58A621
Skirt:
#F2F2F2
Vest:
Shirt/Boots:
Skirt:
#F272DD
Shirt/Boots:
#F2F2F2
Skirt:
#58A621
Vest:
Shirt/Boots:
Skirt:
#58A621
Shirt/Boots:
#F272DD
Skirt:
#F2F2F2
Vest:
Shirt/Boots:
Skirt:
#58A621
Shirt/Boots:
#F2F2F2
Skirt:
#F272DD
Vest:
Shirt/Boots:
Skirt:
#F2F2F2
Shirt/Boots:
#F272DD
Skirt:
#58A621
Vest:
Shirt/Boots:
Skirt:
#F2F2F2
Shirt/Boots:
#58A621
Skirt:
#F272DD
Switch
Color Palettes: Categories
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
#F272DD
Shirt:
#58A621
Pants:
#F2F2F2
Jacket/Shoes:
Shirt:
Pants:
#F272DD
Shirt:
#F2F2F2
Pants:
#58A621
Jacket/Shoes:
Shirt:
Pants:
#58A621
Shirt:
#F272DD
Pants:
#F2F2F2
Jacket/Shoes:
Shirt:
Pants:
#58A621
Shirt:
#F2F2F2
Pants:
#F272DD
Jacket/Shoes:
Shirt:
Pants:
#F2F2F2
Shirt:
#F272DD
Pants:
#58A621
Jacket/Shoes:
Shirt:
Pants:
#F2F2F2
Shirt:
#58A621
Pants:
#F272DD
Switch
Color Palettes: Categories
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
#F272DD
Screen:
#58A621
Cat:
#F2F2F2
Background:
Screen:
Cat:
#F272DD
Screen:
#F2F2F2
Cat:
#58A621
Background:
Screen:
Cat:
#58A621
Screen:
#F272DD
Cat:
#F2F2F2
Background:
Screen:
Cat:
#58A621
Screen:
#F2F2F2
Cat:
#F272DD
Background:
Screen:
Cat:
#F2F2F2
Screen:
#F272DD
Cat:
#58A621
Background:
Screen:
Cat:
#F2F2F2
Screen:
#58A621
Cat:
#F272DD
Switch
Color Palettes: Categories
Leave Me Alone...
Background:
Cat:
AC Condenser:
#F272DD
Cat:
#58A621
AC Condenser:
#F2F2F2
Background:
Cat:
AC Condenser:
#F272DD
Cat:
#F2F2F2
AC Condenser:
#58A621
Background:
Cat:
AC Condenser:
#58A621
Cat:
#F272DD
AC Condenser:
#F2F2F2
Background:
Cat:
AC Condenser:
#58A621
Cat:
#F2F2F2
AC Condenser:
#F272DD
Background:
Cat:
AC Condenser:
#F2F2F2
Cat:
#F272DD
AC Condenser:
#58A621
Background:
Cat:
AC Condenser:
#F2F2F2
Cat:
#58A621
AC Condenser:
#F272DD
Switch
Color Palettes: Categories
Share and Have Fun with Your Friends!!
Notes
- Actual colors displayed may differ depending on the display device you use.
- All colors in themes are estimated, and some of the color combinations, especially brands and logos, are formally established separately.
- Text colors of color codes in each boxes are set to
Black
andWhite
. - If you have any requests or suggestion, feel free to contact us.
- Switch the language >> Japanese.