All elements:
Colors
Brand Colors
$color-femcare-blue
HEX: #001E62
RGBA: rgba(0, 30, 98, 1)
$color-essity-red
HEX: #DA291C
RGBA: rgba(218, 41, 28, 1)
$color-essity-pink
HEX: #D11A88
RGBA: rgba(209, 26, 136, 1)
$color-essity-white
HEX: #FFFFFF
RGBA: rgba(255, 255, 255, 1)
$color-essity-skin
HEX: #F6EEEC
RGBA: rgba(246, 238, 236, 1)
Secondary Colors
$color-essity-dark-plum
HEX: #6F2453
RGBA: rgba(111, 36, 83, 1)
$color-essity-plum
HEX: #8D1D60
RGBA: rgba(141, 29, 96, 1)
$color-essity-dark-red
HEX: #9B2743
RGBA: rgba(155, 39, 67, 1)
$color-essity-light-pink
HEX: #FAC9CC
RGBA: rgba(250, 201, 204, 1)
Neutral Colors
$color-whisper-grey
HEX: #F6F3F3
RGBA: rgba(246, 243, 243, 1)
$color-pale-grey
HEX: #D7D3D3
RGBA: rgba(215, 211, 211, 1)
$color-concrete
HEX: #C0B4B4
RGBA: rgba(192, 180, 180, 1)
$color-mid-grey
HEX: #746969
RGBA: rgba(116, 105, 105, 1)
$color-dark-grey
HEX: #413D3D
RGBA: rgba(65, 61, 61, 1)
$color-black
HEX: #2F2F2F
RGBA: rgba(47, 47, 47, 1)
System Colors
$color-system-blue
HEX: #2727B3
RGBA: rgba(39, 39, 179, 1)
$color-system-green
HEX: #15847D
RGBA: rgba(21, 132, 125, 1)
$color-system-red
HEX: #DA291C
RGBA: rgba(218, 41, 28, 1)
$color-system-light-blue
HEX: #D4D4F0
RGBA: rgba(212, 212, 240, 1)
$color-system-light-green
HEX: #D0E6E5
RGBA: rgba(208, 230, 229, 1)
$color-system-light-red
HEX: #F8D4D2
RGBA: rgba(248, 212, 210, 1)
Digital UI Colors
$color-light-gray
HEX: #8C8C8C
RGBA: rgba(140, 140, 140, 1)
Gradients
$gradient-pink
$gradient-pink-short
$gradient-pink-short-rtl
Background Colors
$color-black-transparent
HEX: rgba(68, 68, 68, 0.8)
RGBA: rgba(68, 68, 68, 0.8)
$color-modal-background
HEX: rgba(245, 243, 244, 0.8)
RGBA: rgba(245, 243, 244, 0.8)
$color-modal-light-gray
HEX: #D7D3D3
RGBA: rgba(215, 211, 211, 1)
$color-modal-dark-gray
HEX: #C0B4B4
RGBA: rgba(192, 180, 180, 1)
Period Tracker Colors
$color-period-tracker-pre-period
HEX: #ff7e00
RGBA: rgba(255, 126, 0, 1)
$color-period-tracker-period
HEX: #ff4d5e
RGBA: rgba(255, 77, 94, 1)
$color-period-tracker-post-period
HEX: #e22993
RGBA: rgba(226, 41, 147, 1)
$color-period-tracker-peak-ovulation
HEX: #01b0ac
RGBA: rgba(1, 176, 172, 1)
$color-period-tracker-cell-hover
HEX: #fce8f4
RGBA: rgba(252, 232, 244, 1)
$color-period-tracker-input-border
HEX: #e8dfe4
RGBA: rgba(232, 223, 228, 1)
Input Validation Colors
$color-valid
HEX: #34a525
RGBA: rgba(52, 165, 37, 1)
$color-invalid
HEX: #ed1d24
RGBA: rgba(237, 29, 36, 1)
$color-input-border
HEX: #C0B4B4
RGBA: rgba(192, 180, 180, 1)
$color-out-of-stock
HEX: #FF4D5E
RGBA: rgba(255, 77, 94, 1)
$color-in-stock
HEX: #01B0AC
RGBA: rgba(1, 176, 172, 1)
Form elements
Text input
Email confirmation
Phone number
Date picker
Multi field date
Text area
File upload
Address group
Dropdown
Legal checkboxes
Recaptcha
Submit button
Icons
icon-arrow-down
icon-arrow-left
icon-arrow-right
icon-arrow-up
icon-check-sign
icon-close
icon-facebook
icon-language
icon-info
icon-instagram
icon-instagram-filled
icon-minus
icon-menu
icon-play
icon-plus
icon-pinterest
icon-sample
icon-search
icon-share-dots
icon-share-facebook
icon-share-mail
icon-share-twitter
icon-snapchat
icon-twitter
icon-tiktok
icon-user
icon-vk
icon-youtube
icon-location
icon-shopping-bag
icon-external-link
icon-arrow-down-smooth
icon-arrow-right-smooth
icon-arrow-left-smooth
icon-arrow-up-smooth
icon-calendar
icon-play-dashed
icon-smiley
icon-newsletter
icon-trash-can
icon-heart
icon-period-tracker
icon-filter
icon-sort
icon-validation-error
icon-validation-success
icon-question
icon-social-copy-color-circle
icon-social-facebook-circle
icon-social-pinterest-circle
icon-social-snapchat-circle
icon-social-vk-circle
icon-social-whatsapp-circle
icon-social-instagram-circle
icon-social-linkedin-circle
icon-social-tiktok-circle
icon-social-vimeo-circle
icon-social-x-circle
icon-social-youtube-circle
icon-social-vk
icon-social-facebook
icon-social-instagram
icon-social-linkedin
icon-social-pinterest
icon-social-snapchat
icon-social-tiktok
icon-social-vimeo
icon-social-whatsapp
icon-social-x
icon-social-youtube