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