Go Main page
cover

our themes

Colors

Brand colors

Color name:
color_brand_font_50
Hex:#FF597D
Color name:
color_brand_icon_50
Hex:#FF597D
Color name:
color_brand_border_50
Hex:#FF597D
Color name:
color_brand_bg_50
Hex:#FF597D
Color name:
color_brand_border_100
Hex:#050505
Color name:
color_brand_font_100
Hex:#050505

Secondary colors

Color name:
color_secondary_font_50
Hex:#000000
Color name:
color_secondary_font_100
Hex:#FF597D
Color name:
color_secondary_font_150
Hex:#FFC8D3
Color name:
color_secondary_icon_50
Hex:#000000
Color name:
color_secondary_icon_100
Hex:#FF597D
Color name:
color_secondary_icon_150
Hex:#FFC8D3
Color name:
color_secondary_border_50
Hex:#000000
Color name:
color_secondary_border_100
Hex:#FF597D
Color name:
color_secondary_border_150
Hex:#FFC8D3
Color name:
color_secondary_bg_50
Hex:#000000
Color name:
color_secondary_bg_100
Hex:#FF597D
Color name:
color_secondary_bg_150
Hex:#FFC8D3
Color name:
color_secondary_bg_200
Hex:#FFEFF2

Neutral colors

Color name:
color_neutral_font_50
Hex:#1A1A1A
Color name:
color_neutral_font_100
Hex:#4F4F4F
Color name:
color_neutral_font_150
Hex:#767676
Color name:
color_neutral_font_200
Hex:#D1D1D1
Color name:
color_neutral_font_250
Hex:#FFFFFF
Color name:
color_neutral_icon_50
Hex:#1A1A1A
Color name:
color_neutral_icon_100
Hex:#4F4F4F
Color name:
color_neutral_icon_150
Hex:#767676
Color name:
color_neutral_icon_200
Hex:#D1D1D1
Color name:
color_neutral_icon_250
Hex:#FFFFFF
Color name:
color_neutral_border_50
Hex:#1A1A1A
Color name:
color_neutral_border_100
Hex:#4F4F4F
Color name:
color_neutral_border_150
Hex:#767676
Color name:
color_neutral_border_200
Hex:#D1D1D1
Color name:
color_neutral_border_250
Hex:#FFFFFF
Color name:
color_neutral_bg_50
Hex:#1A1A1A
Color name:
color_neutral_bg_100
Hex:#4F4F4F
Color name:
color_neutral_bg_150
Hex:#767676
Color name:
color_neutral_bg_200
Hex:#F4F4F4
Color name:
color_neutral_bg_250
Hex:#FFFFFF

Accent colors

Color name:
color_accent_default_font_50
Hex:#000000
Color name:
color_accent_default_font_100
Hex:#FF597D
Color name:
color_accent_default_font_150
Hex:#FFFFFF
Color name:
color_accent_default_icon_50
Hex:#000000
Color name:
color_accent_default_icon_100
Hex:#FF597D
Color name:
color_accent_default_icon_150
Hex:#FFFFFF
Color name:
color_accent_default_border_50
Hex:#000000
Color name:
color_accent_default_border_100
Hex:#FF597D
Color name:
color_accent_default_border_150
Hex:#FFFFFF
Color name:
color_accent_default_bg_50
Hex:#000000
Color name:
color_accent_default_bg_100
Hex:#FF597D
Color name:
color_accent_default_bg_150
Hex:#FFFFFF
Color name:
color_accent_hover_bg_50
Hex:#E44B66
Color name:
color_accent_hover_bg_100
Hex:#F6F6F6
Color name:
color_accent_hover_bg_150
Hex:#696969
Color name:
color_accent_pressed_bg_50
Hex:#A01D39
Color name:
color_accent_pressed_bg_150
Hex:#4F4F4F
Color name:
color_accent_pressed_font_250
Hex:#FFFFFF

Decorative

Color name:
color_decorative_50
Hex:#FF76B0
Color name:
color_decorative_100
Hex:#22FFD2
Color name:
color_decorative_150
Hex:#B3A8FF
Color name:
color_decorative_200
Hex:#FFF95D
Color name:
color_decorative_250
Hex:#00B7F0

Pressed

Color name:
color_accent_pressed_font_50
Hex:#A01D39
Color name:
color_accent_pressed_font_100
Hex:#F4F4F4
Color name:
color_accent_pressed_font_150
Hex:#4F4F4F
Color name:
color_accent_pressed_bg_50
Hex:#A01D39
Color name:
color_accent_pressed_bg_100
Hex:#F4F4F4
Color name:
color_accent_pressed_bg_200
Hex:#767676
Color name:
color_accent_pressed_icon_50
Hex:#A01D39
Color name:
color_accent_pressed_icon_100
Hex:#F4F4F4
Color name:
color_accent_pressed_icon_150
Hex:#4F4F4F
Color name:
color_accent_pressed_icon_250
Hex:#FFFFFF
Color name:
color_accent_pressed_border_50
Hex:#A01D39

Keyboard Focus

Color name:
color_accentKeyboardFocus_border_50
Hex:#2360C5
Color name:
color_accentKeyboardFocus_border_100
Hex:#FFFFFF

Disabled

Color name:
color_accentDisabled_font_50
Hex:#444444
Color name:
color_accentDisabled_font_100
Hex:#AAAAAA
Color name:
color_accentDisabled_font_150
Hex:#E6E6E6
Color name:
color_accentDisabled_icon_50
Hex:#444444
Color name:
color_accentDisabled_icon_100
Hex:#AAAAAA
Color name:
color_accentDisabled_icon_150
Hex:#E6E6E6
Color name:
color_accentDisabled_border_50
Hex:#444444
Color name:
color_accentDisabled_border_100
Hex:#AAAAAA
Color name:
color_accentDisabled_border_150
Hex:#E6E6E6
Color name:
color_accentDisabled_bg_50
Hex:#444444
Color name:
color_accentDisabled_bg_100
Hex:#AAAAAA
Color name:
color_accentDisabled_bg_150
Hex:#E6E6E6

Feedback colors

Color name:
color_feedbackError_font_50
Hex:#CC0000
Color name:
color_feedbackSuccess_font_50
Hex:#008035
Color name:
color_feedbackInfo_icon_50
Hex:#00A4A4
Color name:
color_feedback_warning_icon_50
Hex:#856300
Color name:
color_feedback_success_icon_50
Hex:#5CA40A
Color name:
color_feedbackSuccess_icon_100
Hex:#008035
Color name:
color_feedback_error_icon_50
Hex:#FF003C
Color name:
color_feedbackError_icon_100
Hex:#CC0000
Color name:
color_feedback_info_border_50
Hex:#00A4A4
Color name:
color_feedbackInfo_border_100
Hex:#23779A
Color name:
color_feedback_warning_border_50
Hex:#FFC000
Color name:
color_feedbackWarning_border_100
Hex:#856300
Color name:
color_feedback_success_border_50
Hex:#5CA40A
Color name:
color_feedbackSuccess_border_100
Hex:#008035
Color name:
color_feedback_error_border_50
Hex:#FF003C
Color name:
color_feedbackError_border_100
Hex:#CC0000
Color name:
color_feedback_info_bg_50
Hex:#E6F6F6
Color name:
color_feedback_info_bg_100
Hex:#00A4A4
Color name:
color_feedback_info_bg_150
Hex:#23779A
Color name:
color_feedback_warning_bg_50
Hex:#FFF9E6
Color name:
color_feedback_warning_bg_100
Hex:#FFC000
Color name:
color_feedback_warning_bg_150
Hex:#856300
Color name:
color_feedback_success_bg_50
Hex:#EFF7E7
Color name:
color_feedback_success_bg_100
Hex:#5CA40A
Color name:
color_feedback_success_bg_150
Hex:#008035
Color name:
color_feedback_error_bg_50
Hex:#FFE6EC
Color name:
color_feedback_error_bg_100
Hex:#FF003C
Color name:
color_feedbackError_bg_150
Hex:#CC0000

Hover

Color name:
color_accent_hover_bg_50
Hex:#E44B66