Style Guide

Primary Colors

Main brand color
Main brand color
#004D9D
@color-blue
BG: bg-blue
Color: color-blue
Main brand color
Main brand color
work with blue typeface
#E5EDF5
@color-blue-light
BG: bg-blue-light
Color: color-blue-light

Secondary colors

Beige
beige
#F1D9CD
@color-beige
BG: bg-beige
Color: color-beige
Morningglory
morning glory
#FECA2B
@color-morningglory
BG: bg-morningglory
Color: color-morningglory
Blue Lime Light
blue lime light
#C6CFE8
@color-blue-lime-light
BG: bg-blue-lime-light
Color: color-blue-lime-light
Sky
sky
#DFF2FD
@color-sky
BG: bg-sky
Color: color-sky
Tropics
tropics
#9BD4D3
@color-tropics
BG: bg-tropics
Color: color-tropics
Rosemary
rosemary
#BBD2A3
@color-rosemary
BG: bg-rosemary
Color: color-rosemary
Green
green
#057168
@color-green
BG: bg-green
Color: color-green
Beige Light
beige light
#FAF3F0
@color-beige-light
BG: bg-beige-light
Color: color-beige-light
Morningglory Light
morning glory light
#FFF4D5
@color-morningglory-light
BG: bg-morningglory-light
Color: color-morningglory-light
Blue Lime Light Tint
blue lime light tint
#EDF0F8
@color-blue-lime-light-tint
BG: bg-blue-lime-light-tint
Color: color-blue-lime-light-tint
Sky Light
sky light
#F2FAFE
@color-sky-light
BG: bg-sky-light
Color: color-sky-light
Tropics Light
tropics light
#EBF6F6
@color-tropics-light
BG: bg-tropics-light
Color: color-tropics-light
Rosemary Light
rosemary light
#E7F0DF
@color-rosemary-light
BG: bg-rosemary-light
Color: color-rosemary-light
Green Light
green light
#E6F0EF
@color-green-light
BG: bg-green-light
Color: color-green-light

Secondary colors

Normal skin
normal skin
#69C3E8
@color-normal
BG: bg-normal
Color: color-normal
Dry skin
dry skin
#F7C64A
@color-dry
BG: bg-dry
Color: color-dry
VerySensitive skin
sensitive skin
#E74260
@color-sensitive
BG: bg-sensitive
Color: color-sensitive
Atopicprone skin
atopicprone skin
#1EB5B1
@color-atopicprone
BG: bg-atopicprone
Color: color-atopicprone
Maternity
maternity
#AF0038
@color-maternity
BG: bg-maternity
Color: color-maternity
OrganicRange
organic range
#657C36
@color-organic
BG: bg-organic
Color: color-organic
SunLotion
sun lotion
#F2C530
@color-sun
BG: bg-sun
Color: color-sun
SpecificCare
specific care
#69C3E8
@color-specific
BG: bg-specific
Color: color-specific
Change
change
#9A5496
@color-change
BG: bg-change
Color: color-change
Normal skin Light
normal skin light
#E1F3FA
@color-normal-light
BG: bg-normal-light
Color: color-normal-light
Dry skin Light
dry skin light
#FCEDC8
@color-dry-light
BG: bg-dry-light
Color: color-dry-light
Sensitive skin Light
sensitive skin light
#FAD9DF
@color-sensitive-light
BG: bg-sensitive-light
Color: color-sensitive-light
Atopicprone skin Light
atopicprone skin light
#D2F0EF
@color-atopicprone-light
BG: bg-atopicprone-light
Color: color-atopicprone-light
Maternity Light
maternity light
#EFCCD7
@color-maternity-light
BG: bg-maternity-light
Color: color-maternity-light
OrganicRange Light
organic range light
#E0E5D7
@color-organic-light
BG: bg-organic-light
Color: color-organic-light
SunLotion Light
sun lotion light
#FBEDC0
@color-sun-light
BG: bg-sun-light
Color: color-sun-light
SpecificCare Light
specific care light
#E1F3FA
@color-specific-light
BG: bg-specific-light
Color: color-specific-light
Change Light
change light
#EBDDEA
@color-change-light
BG: bg-change-light
Color: color-change-light