Color Palette / Color Scheme
Summer 9
Colors Contained
Change the color combination using the button below.
Switch
Basic Color Palette
Color | HEX | RGB |
---|---|---|
#558ED9 |
85, 142, 217 |
|
#738C4D |
115, 140, 77 |
|
#F2D230 |
242, 210, 48 |
Gradation
Left:
Center:
Right:
#558ED9
Center:
#738C4D
Right:
#F2D230
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 (Summer 9)
#558ED9
#558ED9
#738C4D
#738C4D
#F2D230
#F2D230
#558ED9
#558ED9
#F2D230
#F2D230
#738C4D
#738C4D
#738C4D
#738C4D
#558ED9
#558ED9
#F2D230
#F2D230
#738C4D
#738C4D
#F2D230
#F2D230
#558ED9
#558ED9
#F2D230
#F2D230
#558ED9
#558ED9
#738C4D
#738C4D
#F2D230
#F2D230
#738C4D
#738C4D
#558ED9
#558ED9
Switch
Color Palettes: Categories
Vertical Combination (Summer 9)
#558ED9
#558ED9
#738C4D
#738C4D
#F2D230
#F2D230
#558ED9
#558ED9
#F2D230
#F2D230
#738C4D
#738C4D
#738C4D
#738C4D
#558ED9
#558ED9
#F2D230
#F2D230
#738C4D
#738C4D
#F2D230
#F2D230
#558ED9
#558ED9
#F2D230
#F2D230
#558ED9
#558ED9
#738C4D
#738C4D
#F2D230
#F2D230
#738C4D
#738C4D
#558ED9
#558ED9
Switch
Color Palettes: Categories
Horizontal/Vertical Combination (Summer 9)
#558ED9
#558ED9
#738C4D
#738C4D
#F2D230
#F2D230
#558ED9
#558ED9
#F2D230
#F2D230
#738C4D
#738C4D
#738C4D
#738C4D
#558ED9
#558ED9
#F2D230
#F2D230
#738C4D
#738C4D
#F2D230
#F2D230
#558ED9
#558ED9
#F2D230
#F2D230
#558ED9
#558ED9
#738C4D
#738C4D
#F2D230
#F2D230
#738C4D
#738C4D
#558ED9
#558ED9
Switch
Color Palettes: Categories
Heading (Summer 9)
Colors of Summer 9
Text:
Background:
Border-bottom:
#558ED9
Background:
#738C4D
Border-bottom:
#F2D230
Colors of Summer 9
Text:
Background:
Border-bottom:
#558ED9
Background:
#F2D230
Border-bottom:
#738C4D
Colors of Summer 9
Text:
Background:
Border-bottom:
#738C4D
Background:
#558ED9
Border-bottom:
#F2D230
Colors of Summer 9
Text:
Background:
Border-bottom:
#738C4D
Background:
#F2D230
Border-bottom:
#558ED9
Colors of Summer 9
Text:
Background:
Border-bottom:
#F2D230
Background:
#558ED9
Border-bottom:
#738C4D
Colors of Summer 9
Text:
Background:
Border-bottom:
#F2D230
Background:
#738C4D
Border-bottom:
#558ED9
Switch
Color Palettes: Categories
Spots against a Background (Summer 9)
Background:
Upper-right circle:
Lower-left circle:
#558ED9
Upper-right circle:
#738C4D
Lower-left circle:
#F2D230
Background:
Upper-right circle:
Lower-left circle:
#558ED9
Upper-right circle:
#F2D230
Lower-left circle:
#738C4D
Background:
Upper-right circle:
Lower-left circle:
#738C4D
Upper-right circle:
#558ED9
Lower-left circle:
#F2D230
Background:
Upper-right circle:
Lower-left circle:
#738C4D
Upper-right circle:
#F2D230
Lower-left circle:
#558ED9
Background:
Upper-right circle:
Lower-left circle:
#F2D230
Upper-right circle:
#558ED9
Lower-left circle:
#738C4D
Background:
Upper-right circle:
Lower-left circle:
#F2D230
Upper-right circle:
#738C4D
Lower-left circle:
#558ED9
Switch
Color Palettes: Categories
Three Circles (Summer 9)
#558ED9
#558ED9
#738C4D
#738C4D
#F2D230
#F2D230
#558ED9
#558ED9
#F2D230
#F2D230
#738C4D
#738C4D
#738C4D
#738C4D
#558ED9
#558ED9
#F2D230
#F2D230
#738C4D
#738C4D
#F2D230
#F2D230
#558ED9
#558ED9
#F2D230
#F2D230
#558ED9
#558ED9
#738C4D
#738C4D
#F2D230
#F2D230
#738C4D
#738C4D
#558ED9
#558ED9
Switch
Color Palettes: Categories
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
#558ED9
Cream:
#738C4D
Sponge:
#F2D230
Topping/Fillings:
Cream:
Sponge:
#558ED9
Cream:
#F2D230
Sponge:
#738C4D
Topping/Fillings:
Cream:
Sponge:
#738C4D
Cream:
#558ED9
Sponge:
#F2D230
Topping/Fillings:
Cream:
Sponge:
#738C4D
Cream:
#F2D230
Sponge:
#558ED9
Topping/Fillings:
Cream:
Sponge:
#F2D230
Cream:
#558ED9
Sponge:
#738C4D
Topping/Fillings:
Cream:
Sponge:
#F2D230
Cream:
#738C4D
Sponge:
#558ED9
Switch
Color Palettes: Categories
Owl (Summer 9)
Head/Wing/Spots:
Beak/Legs:
Body:
#558ED9
Beak/Legs:
#738C4D
Body:
#F2D230
Head/Wing/Spots:
Beak/Legs:
Body:
#558ED9
Beak/Legs:
#F2D230
Body:
#738C4D
Head/Wing/Spots:
Beak/Legs:
Body:
#738C4D
Beak/Legs:
#558ED9
Body:
#F2D230
Head/Wing/Spots:
Beak/Legs:
Body:
#738C4D
Beak/Legs:
#F2D230
Body:
#558ED9
Head/Wing/Spots:
Beak/Legs:
Body:
#F2D230
Beak/Legs:
#558ED9
Body:
#738C4D
Head/Wing/Spots:
Beak/Legs:
Body:
#F2D230
Beak/Legs:
#738C4D
Body:
#558ED9
Switch
Color Palettes: Categories
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
#558ED9
Shirt/Boots:
#738C4D
Skirt:
#F2D230
Vest:
Shirt/Boots:
Skirt:
#558ED9
Shirt/Boots:
#F2D230
Skirt:
#738C4D
Vest:
Shirt/Boots:
Skirt:
#738C4D
Shirt/Boots:
#558ED9
Skirt:
#F2D230
Vest:
Shirt/Boots:
Skirt:
#738C4D
Shirt/Boots:
#F2D230
Skirt:
#558ED9
Vest:
Shirt/Boots:
Skirt:
#F2D230
Shirt/Boots:
#558ED9
Skirt:
#738C4D
Vest:
Shirt/Boots:
Skirt:
#F2D230
Shirt/Boots:
#738C4D
Skirt:
#558ED9
Switch
Color Palettes: Categories
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
#558ED9
Shirt:
#738C4D
Pants:
#F2D230
Jacket/Shoes:
Shirt:
Pants:
#558ED9
Shirt:
#F2D230
Pants:
#738C4D
Jacket/Shoes:
Shirt:
Pants:
#738C4D
Shirt:
#558ED9
Pants:
#F2D230
Jacket/Shoes:
Shirt:
Pants:
#738C4D
Shirt:
#F2D230
Pants:
#558ED9
Jacket/Shoes:
Shirt:
Pants:
#F2D230
Shirt:
#558ED9
Pants:
#738C4D
Jacket/Shoes:
Shirt:
Pants:
#F2D230
Shirt:
#738C4D
Pants:
#558ED9
Switch
Color Palettes: Categories
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
#558ED9
Screen:
#738C4D
Cat:
#F2D230
Background:
Screen:
Cat:
#558ED9
Screen:
#F2D230
Cat:
#738C4D
Background:
Screen:
Cat:
#738C4D
Screen:
#558ED9
Cat:
#F2D230
Background:
Screen:
Cat:
#738C4D
Screen:
#F2D230
Cat:
#558ED9
Background:
Screen:
Cat:
#F2D230
Screen:
#558ED9
Cat:
#738C4D
Background:
Screen:
Cat:
#F2D230
Screen:
#738C4D
Cat:
#558ED9
Switch
Color Palettes: Categories
Leave Me Alone...
Background:
Cat:
AC Condenser:
#558ED9
Cat:
#738C4D
AC Condenser:
#F2D230
Background:
Cat:
AC Condenser:
#558ED9
Cat:
#F2D230
AC Condenser:
#738C4D
Background:
Cat:
AC Condenser:
#738C4D
Cat:
#558ED9
AC Condenser:
#F2D230
Background:
Cat:
AC Condenser:
#738C4D
Cat:
#F2D230
AC Condenser:
#558ED9
Background:
Cat:
AC Condenser:
#F2D230
Cat:
#558ED9
AC Condenser:
#738C4D
Background:
Cat:
AC Condenser:
#F2D230
Cat:
#738C4D
AC Condenser:
#558ED9
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.