Skip to content

Colors ​

This page provides a detailed overview of the color palette available in MeUI. This palette is designed to create a cohesive and visually appealing user interface that aligns with the Neo Brutalism aesthetic, characterized by bold and striking visual elements.

Primary Colors ​

The main colors used for primary UI elements such as buttons, links, and highlights.

#206BC4
Primary Color
#FFFFFC
Secondary Color
#E24330
Accent Color
#00AF54
Success Color
#E3170A
Danger Color
#FFB400
Warning Color
#E2442F
Info Color

Secondary Colors ​

Used to complement the primary colors, these shades are often applied to secondary actions or supportive UI elements.

#F56565
Red Color
#FA984B
Orange Color
#F9CB15
Amber Color
#FFC700
Yellow Color
#A2E435
Lime Color
#4ADC7F
Green Color
#68D391
Emerald Color
#2DD3BE
Teal Color
#22D2ED
Cyan Color
#61BCFF
Sky Color
#5551FF
Blue Color
#828DF9
Indigo Color
#CB99FF
Violet Color
#BE83FA
Purple Color
#E779F8
Fuchsia Color
#EA4898
Pink Color
#F97084
Rose Color

Grayscale ​

Neutral shades for backgrounds, borders, and text, ensuring readability and contrast without overpowering primary and secondary colors.

#FDFCFC
Gray 100
#E7E5E4
Gray 200
#CCC8C7
Gray 300
#AAA4A1
Gray 400
#78716C
Gray 500
#6E6763
Gray 600
#5E5855
Gray 700
#514B48
Gray 800
#332F2E
Gray 900
#282524
Gray 950